Getting Started with jQuery

Jan 4 2010 by Louis Lazaris | 40 Comments

The web development scene is moving forward at a lightning-fast pace, and it’s imperative that developers continue to keep their skills fresh. If you’ve been involved in front-end design or development in any form over the past five years or so, then it’s very likely that you’ve experimented at some point with one of the popular JavaScript libraries, many of which have become quite prominent and are now used on a number of large commercial websites.

Getting Started with jQuery

continue reading »

10 Awesome Techniques and Examples of Animation with jQuery

Nov 1 2009 by Kawsar Ali | 63 Comments

10 Awesome Techniques and Examples of Animation with jQuery

jQuery can pretty much do anything you can think of. All you need is a creative imagination and some time to learn the simple and intuitive API.

In this article, we share with you some innovative uses of jQuery in animating web design elements. You’ll read about some interesting techniques, tutorials, and examples that will show you how to create similar effects on your own websites and web apps.

continue reading »

6 Advanced JavaScript Techniques You Should Know

Oct 8 2009 by Louis Lazaris | 33 Comments

6 Advanced JavaScript Techniques You Should Know

There have been a number of articles published over the years that discuss best practices techniques for JavaScript. I thought I would go a little bit beyond the scope of those articles and outline a number of advanced techniques and practices that I have personally used or read about that could be invaluable in certain circumstances.

continue reading »

10 Easy jQuery Tricks for Designers

Sep 29 2009 by Kayla Knight | 53 Comments

There are plenty of jQuery tricks and techniques out there, and the vast and powerful jQuery library can meet almost anyone’s JavaScript’ing needs. Since jQuery makes JavaScript accessible to designers who want to add simple interaction and visual techniques into their design without knowing extensive programming knowledge, it’s worth a few moments to explore this excellent library.

As any designer knows, adding small bits of extra visual detail and user-friendliness can add professionalism and appeal to any web design. In addition, for designers that sell templates, WordPress themes, and other types of web designs, the use of jQuery in a design can be a great selling point.

Let’s take a look at ten simple, effective, and useful tricks and techniques from several excellent jQuery developers and sites around the web that leverage the library to take your designs to another level.

1. Equal-Height Columns

Equal-Height Columns

continue reading »

20 Fresh jQuery Plugins to Enhance your User Interface

Sep 9 2009 by Kawsar Ali | 34 Comments

The great thing about jQuery is that talented jQuery developers often release new and useful plugins on a regular basis. jQuery plugins are not only easy to implement, but easy to maintain even when used throughout large sites.

In this article, we share with you a list of 20 useful jQuery plugins that were released recently that could help you for your next web project. There are various types of plugins here such as modal windows, image galleries, auto complete for form input, bookmarking functions, preloaders, and more. Enjoy!

1. SimpleModal

This jQuery plugin is a flexible and straightforward way of providing modal window functionality on your site.

SimpleModalSimpleModal Demo

continue reading »

Build an Elastic Textarea with Ext JS

Aug 28 2009 by Nuno Franco da Costa | 28 Comments

Build an Elastic Textarea with Ext JS

Since it was first featured on Facebook, elastic textareas – <textarea> elements that automatically expand or shrink depending on how much text the user inputs – has become one of the coolest functional UI effects on the web. In this article, I will guide you through the re-creation of this astonishing effect using Ext JS, and I bet you that you will be surprised to see how easy it is to do it.

continue reading »

10 Impressive JavaScript Animation Frameworks

Jun 28 2009 by Jacob Gube | 48 Comments

Complex and slick JavaScript-based animation has been made easier with the emergence of frameworks and libraries that give developers the ability to create stunning and eye-grabbing animation and transition effects that make it easy these complex tasks.

In this article, you will read about the top 10 JavaScript-based animation frameworks and libraries that will enable you to create engaging and captivating user experiences.

1. $fx

$fx

continue reading »