In this tutorial Mary Lou will create a very simplistic and responsive product slider for an online store or a portfolio. The idea is to have different sections in a fullscreen view: the image or preview, a navigation and the description. When navigating through the items, she will slide the preview section and the section with the description in opposite directions.
In this quick tip screencast, Jeffrey Way is going to show you a trick that he bets you don’t know about. Did you know that, as of jQuery 1.8, you can now build a custom version of the library?
Many responsive websites provide a horizontal navigation bar on large screens and drop-down navigation for smaller viewports. It’s a perfectly decent approach, but it’s not without its issues. Firstly, devices don’t just come in large and small; they come in every size imaginable. Secondly, the navigation might well change over time. Thirdly, the layout or font size might vary across screen sizes. Ryan DeBeasi is going to do things differently.
In this tutorial Mary Lou will create a jQuery triple panel image slider with a 3D look. The idea is to have a main panel and two lateral panels that are rotated slightly in 3D space. When navigating, she will slide in the respective next image in each panel. She’ll be using CSS 3D Transforms with perspective and CSS Transitions.
Twitter is a popular social networking service used by millions of users to share text-based content. It has been described as the “SMS of the Internet.” Rakhitha Nimesh loves to tweet links and ideas he is interested as well as follow other people with similar interests. Everyone loves to follow a lot of people and hence there is a possibility of missing the most important tweets. So in this tutorial he is going to create a stylish Tweet book to keep your best friends and view their Tweets.
In this tutorial Mary Lou will show you how to create some cute looking photo strips and integrate Lightbox. The idea is to show some photo strips and make them navigable by scrolling with the mousewheel. When clicking on a picture it will show the larger version using jQuery Lightbox. She will also optimize it for touch devices.
When writing a Web application from scratch, it’s easy to feel like you can get by simply by relying on a DOM manipulation library (like jQuery) and a handful of utility plugins. The problem with this is that it doesn’t take long to get lost in a nested pile of jQuery callbacks and DOM elements without any real structure in place for your applications.
David Luecke offers a MIT licensed collection of extremely useful DOM helpers and special events for jQuery 1.7 and later. This is not a UI project like jQuery UI or jQuery Tools. Instead, it is all about providing low-level utilities for things that jQuery doesn’t support. If Underscore is jQuery’s functional-programming tie, this is jQuery’s bald-spot covering toupee.
What is a unit anyway? In the best case, it is a pure function that you can deal with in some way — a function that always gives you the same result for a given input. This makes unit testing pretty easy, but most of the time you need to deal with side effects, which here means DOM manipulations. It’s still useful to figure out which units you can structure your code into and to build unit tests accordingly.