jQuery

CSS is constantly evolving. In our new course, The CSS of the Future, Tuts+ instructor Craig Campbell will walk you through some of the bleeding edge features of CSS to help you remain current and ahead of the field.

CSS is constantly evolving. In our new course, The CSS of the Future, Tuts+ instructor Craig Campbell will walk you through some of the bleeding edge features of CSS to help you remain current and ahead of the field.Read More…

I recently came across a JavaScript library called PhotoSwipe, and I am truly impressed. It is a brilliant library which overlays an image or a group of images on your current page, an effect popularly known as lightbox.

I recently came across a JavaScript library called PhotoSwipe, and I am truly impressed. It is a brilliant library which overlays an image or a group of images on your current page, an effect popularly known as lightbox.Read More…

Web charts built with JavaScript are a great way to add interactivity to your apps and sites, but if you prefer working in jQuery, your options can be limited. Developers are often left to choose between convenience or features. All the bells and whistles in 100 lines of code or a simpler version in 30? In order to address this, the team at ZingChart have developed a wrapper to use their API with jQuery syntax, allowing devs to quickly build charts with the rich interactivity they want.

Web charts built with JavaScript are a great way to add interactivity to your apps and sites, but if you prefer working in jQuery, your options can be limited. Developers are often left to choose between convenience or features. All the bells and whistles in 100 lines of code or a simpler version in 30? In order to address this, the team at ZingChart have developed a wrapper to use their API with jQuery syntax, allowing devs to quickly build charts with the rich interactivity they want.Read More…

When it comes to choosing a CSS animation, you’ve got a world of choice at your fingertips. There are thousands available, but which should you use, and where? This course is about using CSS animations in the real world. You’ll learn practical CSS animation tricks for buttons, navigation elements, scroll events, SVG, and how to apply them to a number of situations you’ll come across every day on the web.

When it comes to choosing a CSS animation, you’ve got a world of choice at your fingertips. There are thousands available, but which should you use, and where? This course is about using CSS animations in the real world. You’ll learn practical CSS animation tricks for buttons, navigation elements, scroll events, SVG, and how to apply them to a number of situations you’ll come across every day on the web.Read More…

A very common trend these days is the use of a fixed navigation, which shrinks to become less intrusive as the user scrolls down the page. In this tutorial, I'm going to show you how you can achieve this by using ZURBs Foundation Top Bar, some custom sass and jQuery. To top it off we'll add a couple of media queries to make our menu responsive. Let's get started!

A very common trend these days is the use of a fixed navigation, which shrinks to become less intrusive as the user scrolls down the page. In this tutorial, I'm going to show you how you can achieve this by using ZURBs Foundation Top Bar, some custom sass and jQuery. To top it off we'll add a couple of media queries to make our menu responsive. Let's get started!Read More…

Today we will be looking at a few techniques for displaying scroll progress for users who are reading a page. We will cover two specific techniques you can employ to show scroll progress, and leave you with a toolset to create your own. Let's get started!

Today we will be looking at a few techniques for displaying scroll progress for users who are reading a page. We will cover two specific techniques you can employ to show scroll progress, and leave you with a toolset to create your own. Let's get started!Read More…

During this quick tutorial we're going to implement a sticky menu with CSS, toggling its visibility with jQuery. It's the perfect way to give visitors social links, additional places within a network of sites, or even personalize settings.

During this quick tutorial we're going to implement a sticky menu with CSS, toggling its visibility with jQuery. It's the perfect way to give visitors social links, additional places within a network of sites, or even personalize settings.Read More…

Form usability is an incredibly important topic in web design. As one of the primary input interfaces provided to users, the usability of a form is essential to a good user experience.
Today, we're going to build a multi-part form, complete with validation and animation. We'll cover a lot of ground, so buckle up!

Form usability is an incredibly important topic in web design. As one of the primary input interfaces provided to users, the usability of a form is essential to a good user experience.
Today, we're going to build a multi-part form, complete with validation and animation. We'll cover a lot of ground, so buckle up!Read More…