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
At some point or another, you will find yourself writing JavaScript code that exceeds the couple of lines from a jQuery plugin. This article covers the most important things that you will need to consider before and while writing your own utilities and libraries. Rodney Rehm will focus on how to make your code accessible to other developers. A couple of topics will be touching upon jQuery for demonstration, yet this article is neither about jQuery nor about writing plugins for it.
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.

Create a Stylish Tweet Book With jQuery and CSS

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.

Photo Booth Strips With Lightbox

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.

Journey Through The JavaScript MVC Jungle

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.

Newer articles Older articles