Chart.js was first introduced in year 2013, for 3 years of intensive development by many contributors, it has became quite a powerful open source Javascript charting plugin. It’s designed for both developers and designers. It supports 8 types of charts – Line, Bar, Radar, Polar Area, Pie & Doughnut, Scales charts. With version 2.0, you… Continue reading Chart.js A Simple yet flexible JavaScript charting for designers & developers
Tag: jQuery
How to Integrate SmoothState.js Into a WordPress Theme
In our previous tutorial, we used the History Web API within a static site to serve smooth page transitions. In this tutorial we’re going to take things to the next level, by applying what we learned in a WordPress website. There’ll be one crucial difference; we’ll leverage SmoothState.js instead of building our own from scratch. SmoothState.js will: Request pages asynchronously (AJAX) and… Continue reading How to Integrate SmoothState.js Into a WordPress Theme
Scrollify – Create Smooth Snapping Scroll Layout Easily
Snapping scroll is one of a popular layout in web design, it makes sure user is scrolling to the correct screnn by automatically scrolling to the right position. Usually the website layout is divided into different section and each section is made to be 100% width and height so it would scroll and fit into… Continue reading Scrollify – Create Smooth Snapping Scroll Layout Easily
How to Create an AJAX Driven Theme for ProcessWire
In this tutorial we will look at setting up a simple theme in ProcessWire, we’ll investigate delayed output (now the default theme strategy within ProcessWire), and setup our site to request new content using AJAX. To accompany this tutorial I have created a new theme for ProcessWire, making use of both AJAX and delayed output,… Continue reading How to Create an AJAX Driven Theme for ProcessWire
Color Choices You Must Avoid – Quick Guide
Creative Market released an infographic guide to help you make the right choices in selecting the correct color combinations for your next web design project. There’re reasons why certain colors shouldn’t be used altogether, here we have 5 color combinations you should use with extra care. Never use pure black Red and green don’t play… Continue reading Color Choices You Must Avoid – Quick Guide
New Course: Practical Web Animation
The days of animation-heavy websites are fading, but there is still something to be said for a site with small amounts of subtle, eye-catching motion to help users interpret interfaces. In our new course, Practical Web Animation, Envato Tuts+ instructor Craig Campbell will show you practical ways to create animations for buttons, pricing tables, and other… Continue reading New Course: Practical Web Animation
Selecting Parent Elements with CSS and jQuery
There have been occasions where I’ve wished I was able to select a parent element with CSS–and I’m not alone on this matter. However, there isn’t such thing as a Parent Selector in CSS, so it simply isn’t possible for the time being. In this tutorial we will walk through a few cases where having a CSS… Continue reading Selecting Parent Elements with CSS and jQuery
Filterizr – A jQuery Plugin to Apply Filters Over Responsive Galleries
Filterizr is a jQuery plugin that sorts, shuffles and applies stunning filters over responsive galleries using CSS3 transitions and custom CSS effects.You can write your very own, custom effects in CSS and watch your gallery come to life. Features: – Pluggable look & feel (write your CSS effects in the box on the right and… Continue reading Filterizr – A jQuery Plugin to Apply Filters Over Responsive Galleries
Create a Responsive jQuery Slider with Turnable.js
Posted · Category: Gallery, License Free Turntable.js is a responsive JQuery slider that will let you rotate through a list of images as your mouse (or finger) sweeps across a container. Think of it like a flipbook made with Javascript, instead of paper. All you need is a set of images, and jQuery. It’s a… Continue reading Create a Responsive jQuery Slider with Turnable.js
Material Kit – A Badass Bootstrap UI Kit Based on Material Design
Material Design, a visual language designed by Google to demonstrate good design and a unified experience across platforms and device sizes. Not just visual design, it includes meaningful and appropriate motion serving to focus attention and maintain continuity. In the other hand, we have the popular Twitter Bootstrap Front End library that provides all the… Continue reading Material Kit – A Badass Bootstrap UI Kit Based on Material Design
9 Best jQuery Autocomplete Plugins
For today’s round up, we have collected 9 best jQuery auto complete plugins for you. Auto complete feature lets your users to quickly find and select from a pre-populated list of values that they have previously saved in the form. This will result in saving lots of time and energy. This is exceptionally helpful for… Continue reading 9 Best jQuery Autocomplete Plugins
WP REST API: Creating, Updating, and Deleting Data
In the previous part of the series, we looked at how we can use the WP REST API to retrieve content from the server. We learned to retrieve content for different resources including posts, post meta, tags, categories, etc. This is a powerful feature since this content can be used anywhere inside or outside WordPress.… Continue reading WP REST API: Creating, Updating, and Deleting Data
How Good Is JavaScript for Building a Large Scale Web Application?
According to the most statistics that are recent on w3techs.com, significantly more than 89percent of sites presently utilize JavaScript as a client-side program writing language. As a cross-platform and programming that is lightweight, JavaScript makes it easier for programmers to build responsive websites and web applications that work with seamlessly with popular web browsers, operating… Continue reading How Good Is JavaScript for Building a Large Scale Web Application?
15 Useful Modern Front-End Web Components
Here is list of useful modern front-end web components that can be integrated into your web applications. These components provide a quick and easy way for web developers to create custom user interface without having to start from scratch. Collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s… Continue reading 15 Useful Modern Front-End Web Components
10 Best AnglularJS Frameworks For Developers
If you are worried about how to create a wonderful and innovative web application without any difficulty or trouble then do not worry any more just simply check out this awesome collection. In this collection you will find 10 best and superb AngularJS frameworks. With the help of this AngularJS framework web developers can easily… Continue reading 10 Best AnglularJS Frameworks For Developers
12 JavaScript Libraries For Cool Scrolling Effects
In this post, we are presenting some of the excellent JavaScript libraries that would help you create cool scrolling effects. Animations and special effects make any website design to appear lively and appealing. This s the reason why many designers add animation to their web designs. So, let us add some life to your web… Continue reading 12 JavaScript Libraries For Cool Scrolling Effects
20 Interesting JavaScript and CSS Libraries for February 2016
The world of web development keeps expanding as new frameworks, libraries and plugins are created everyday. To keep you up to date with all the cool toys, we made this collection of our favorite JavaScript and CSS tools you should try in February 2016. Super Simple Slider Super simple slider is jQuery plugin which provides you with a functional and… Continue reading 20 Interesting JavaScript and CSS Libraries for February 2016
Project: Build a Complete Website With Middleman
In part three of this series we’re going to get our hands dirty and start building a site for a fictitious podcast site: “Matcha Nerdz”. We’ll be using Middleman, Bourbon, Neat and Bitters. Let’s go! In This Post Roadmap Basic Blog Setup LiveReload Organizing Posts GitHub Pages Deployment Smarter Assets Bourbon Setup Normalize and jQuery… Continue reading Project: Build a Complete Website With Middleman
jQuery Cookbook – Solutions & Examples for jQuery Developers [eBook]
jQuery simplifies building rich, interactive web frontends. Getting started with this JavaScript library is easy, but it can take years to fully realize its breadth and depth; this cookbook shortens the learning curve considerably. With these recipes, you’ll learn patterns and practices from 19 leading developers who use jQuery for everything from integrating simple components… Continue reading jQuery Cookbook – Solutions & Examples for jQuery Developers [eBook]
Ultimate Web Designer & Developer Course: Build 23 Projects!
Are you looking for an all-in-one Web Design, Web Development and Career Building course that takes you step-by-step through the all of the skills you need know to start a working professionally? Are you a programmer looking to improve your design skills, so your designer colleagues can stop making fun of your bad designs? Or… Continue reading Ultimate Web Designer & Developer Course: Build 23 Projects!
An Example of AJAX with Vanilla Javascript
Following on from our introduction to AJAX, here’s an example which uses the XMLHttpRequest API to initialize an AJAX request. AJAX Example Have a look at the following basic structure: <div> <img src=”http://webdesign.tutsplus.com/Einstein.jpg” alt=”Einstein”> <button id=”request”>Learn more about Einstein</button> <div id=”bio”></div> </div> Also, consider the related visualization: Here’s what we want to happen: when we… Continue reading An Example of AJAX with Vanilla Javascript
50+ fresh resources for designers, February 2016
Hey there! This month’s roundup comes with some amazing freebies for you to download and try out; including line icons, material design assets, gesture icons, mobile app presentation kits, a restaurant menu template, branding stationery mockups, watercolor illustrations, device mockups, stunning web and mobile UI kits, fancy fonts for all purposes, PSD templates, and landing page themes… Continue reading 50+ fresh resources for designers, February 2016
11 CSS3 Animation Tools For Developers
This post showcases 11 best and most amazing CSS3 animation tools that will be extremely helpful for the developers. CSS3 has got excellent reputation among designers and developers. It is here to help them create amazing results. With these animation tools, you can create breath taking animations in a hassle free manner. These resources will… Continue reading 11 CSS3 Animation Tools For Developers
CSS And Javascript Animation Libraries To Create Awesome Effects
Velocity.js Velocity is an animation engine with the same API as jQuery’s animate(). It works with and without jQuery. It’s incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Vivus Vivus is a lightweight JavaScript class (with no dependencies) that… Continue reading CSS And Javascript Animation Libraries To Create Awesome Effects