Back to Top
The nuts and bolts for
Creative web development

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.
October 10, 2012 Author: Ivo Rangelov Rating: Not enough votes

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.

October 2, 2012 Author: Ivo Rangelov Rating: Not enough votes

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?

September 17, 2012 Author: Ivo Rangelov Rating: Not enough votes

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.

September 6, 2012 Author: Ivo Rangelov Rating: Not enough votes

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.

August 23, 2012 Author: Ivo Rangelov Rating: Not enough votes

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.

August 20, 2012 Author: Ivo Rangelov Rating: Not enough votes

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.

August 9, 2012 Author: Ivo Rangelov Rating: Not enough votes

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.

July 30, 2012 Author: Lubov Cholakova Rating: Not enough votes

jQuery++ Plugins to Cover Gaps in the jQuery

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.

July 25, 2012 Author: Ivo Rangelov Rating: Not enough votes

Introduction To JavaScript Unit Testing

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.

June 28, 2012 Author: Ivo Rangelov Rating: Not enough votes