Explore the Articles

Building A Relationship Between CSS & JavaScript

jQuery, Prototype, Node.js, Backbone.js, Mustache and thousands of JavaScript microlibraries all combine into a single undeniable fact: JavaScript is popular. It’s so popular, in fact, that users often find themselves using it in places where another solution might be better in the long run.  Because JavaScript is so powerful, there are a lot of overlaps in capability between JavaScript and HTML (building document structure) and JavaScript and CSS (injecting style information).

Spice up Your Personal Site with jQuery

Personal sites tend to be the one area where people allow themselves to truly unleash their creativity. Joel Besada is going to use one of his own plug-ins, jQuery Scroll Path, as a tool to transform a conventional site layout into something that resembles an interactive presentation. The sections of the page will be spread out and rotated across a two-dimensional plane, and bound together with a path that the browser window follows when the user scrolls the page.

Check Out the New jQuery Mobile 1.2

Not too long ago, the jQuery team released jQuery Mobile 1.2. This new release has some fantastic changes! In this article, Andy Matthews is going to review some of the new widgets available to developers, take a look at changes made to existing widgets, and glance over a few impactful enhancements that could affect your jQuery Mobile application. Firstly, you need to download the bits and bytes. Head over to the jQuery Mobile download page and download the option that best meets your needs.

Make a Better FAQ Page With jQuery

The Frequently Asked Questions page has been a mainstay of all types of websites since the dawn of the Web. It's used as a marketing page, as an attempt to reduce the number of calls or e-mails to a customer service department, and as a helpful tool for site visitors to learn more about the company or organization they're dealing with or the products or services they're interested in purchasing. Though Natalie Maclees will be building a FAQ page for this example, this expand and collapse technique will be useful in many different situations.

10 Awesome jQuery Tutorials

jQuery is a very popular framework among web designers and web developers because it allows them to create many things without too much coding. jQuery sliders are very popular now so having skills in jQuery programming is a must for every web developer. These 10 tutorials will help you learn the basics of working with jQuery.

Designing Better JavaScript APIs

Vertical Showcase Slider with jQuery and CSS Transitions

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.

How to Build Your Own Custom jQuery

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?

A Flexible Approach to Responsive Navigation

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.

Triple Panel Image Slider

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.