jQuery Tutorials

There are 25 articles tagged with jQuery
Sort by:
  • Create a jQuery tab system

    Ben Bodien and Marc Roberts, co-founders of Neutron Creations, explain how to build a simple, semantically clean and extensible jQuery tab system
  • Add a gesture-based image gallery to a mobile website

    Using the open source script PhotoSwipe, you'll learn how to add a gesture-based, fully interactive image gallery into your mobile website that replicates the "native" photo application bundled with iOS devices. Ste Brennan also gives a quick rundown of the events that are made available by mobile browsers
  • Getting the most out of jQuery selectors

    A lot of developers who are new to jQuery get hung up by jQuery selectors. In this tutorial Jay Blanchard, author of the forthcoming book Applied jQuery, covers jQuery's selector syntax, how to optimise jQuery selectors and how to apply more advanced selector combinations to your markup elements
  • Use Backbone.js to speed up interactions

    Client-side JavaScript frameworks are not just for building big fancy applications. Lead software engineer Matt Kelly explains how ZURB used the lightweight JavaScript framework Backbone.js to build FlickrBomb, a tool for loading Flickr photos into placeholder images
  • Create fluid width videos

    CSS-Tricks' Chris Coyier talks us through different CSS and jQuery solutions to create responsive and fluid width videos that maintain aspect ratio and work with all major video hosts, including YouTube and Vimeo
  • Create a diagonal rotation with CSS transitions

    Web designer Josh Miller, the creative director of Paramore, shows us how to turn an unordered list into a rotating diagonal portfolio with CSS3 and jQuery, just like the one he built for joshmiller7.com
    By Josh Miller on
  • Building a parallax scrolling storytelling framework

    Stevan Živadinović, the brains behind multi-plane side-scroller web comic Hobo Lobo of Hamelin, walks us through the development of the Parallaxer platform and gives a crash course on turning pencil drawings into transparent-background assets
    By Stevan živadinović on | 3 comments
  • Building an immersive environment with CSS and JavaScript

    Technologist Benjamin Bojko and art director Dan Mall, on behalf of digital agency Big Spaceship, give us an exclusive look behind the creation of Activatedrinks.com and explain how they pulled off the loading process and added depth and fluid parallax motion to the particles effect on the site
    By Benjamin Bojko on | 1 comment
  • Tripping the DOM fantastic with jQuery

    Jay Blanchard, author of the book Applied jQuery, explains how to work with elements in your markup that are either ancestors or descendants of an HTML element that you have selected. Here he focuses on the DOM tree traversal methods
    By Jay Blanchard on
  • Rapid and responsive UI development with Knockout.js

    Knockout aims to simplify interactions and makes responsive interfaces as simple as updating a variable. In this tutorial, Umbraco developer Matt Brailsford takes us through creating a sample application
    By Matt Brailsford on | 2 comments
  • Chain CSS animations together with JavaScript

    CSS animation is set for widespread adoption. Peter Gasston shows how we can extend its capabilities by mixing and chaining with JavaScript events
    By Peter Gasston on
  • Get started with jQuery Masonry

    Luke Shumard provides a crash-course in David DeSandro’s Masonry, a jQuery plug-in that’s ideal for both novice and intermediate web designers
    By Luke Shumard on
Load more
August issue on sale now!

The Week in Web Design

Sign up to our 'Week in Web Design' newsletter!

Hosting Directory
.net digital edition
Treat yourself to our geeky merchandise!