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 »

JavaScript Debugging Techniques in IE 6

May 15 2009 by Ben Dowling | 46 Comments

Microsoft’s Internet Explorer 6 is almost universally hated by web developers. It’s hard to work with and support, but with a few solid techniques, you can make the process less painful. What “just works” in the majority of browsers will almost always require hours of tweaks and workarounds to get it working in IE6. With more and more users switching over to newer alternatives such as IE8, Safari and Firefox hopefully support for IE6 can be dropped sooner rather than later. In the mean time though many of us have to make sure our sites work in this awful browser.

JavaScript Debugging Techniques in IE 6

continue reading »

20 Excellent JavaScript Navigation Techniques and Examples

May 1 2009 by Kawsar Ali | 62 Comments

JavaScript allows you to add interactivity and feedback, making the user’s experience better and more intuitive.

Recently we showed you some exceptional CSS navigation techniques and we’d like to follow that up with an article about JavaScript-based navigation examples that you can use. Keep in mind that some of these techniques might not work if the client browser has JavaScript turned off (on average, 5% of users have JS disabled according to W3 web statistics).

In this article you’ll discover some terrific and unique JavaScript-powered navigation techniques and examples.

Tip: clicking on each image will take you directly to the demo page of the navigation menu technique if it’s on a separate page. Their names will take you to their project web page.

1. MenuMatic

This example takes semantic ordered or unordered list of links and turns it into a dynamic drop down menu system that can be vertically or horizontally oriented.

menumatic

View Demo Page

continue reading »

40 Exceptional jQuery Interface Techniques and Tutorials

Apr 8 2009 by Jacob Gube | 62 Comments

With the advent of JavaScript/web application libraries and frameworks, it’s become much easier to build interactive components for a site. For the folks that are unfamiliar with jQuery – it’s a popular, high-performance and compact JavaScript library/framework. jQuery will allow  you to reduce the amount of code you have to write for dealing with browser quirks, memory leaks, and repetitive code by providing you with a set of useful and highly-optimized and thoroughly-tested functions and methods.

In this article, we explore the strengths of jQuery in letting web developers create impressive client-side-based user interface components. Whether you’re looking for a particular interface/interaction pattern built on Query (like module tabs or modal windows) or you simply want to learn the library by engaging in step-by-step tutorials – you should be able to find something here for you.

Modal Windows

1. How to create a stunning and smooth popup using jQuery

How to create a stunning and smooth popup using jQuery tutorial screen shot.

continue reading »

14 jQuery Plugins for Working with Images

Mar 14 2009 by Mirko Humbert | 58 Comments

JavaScript frameworks have become very popular in the recent years by making the creation of dynamic effects much easier. Lightweight, used in the WordPress and Drupal core, jQuery is now one of the most used JavaScript libraries around.

The following list of jQuery plugins will help you to improve the usability of your website or web applications by enhancing the display of your images.

1. s3 Slider

 - screen shot.s3 Slider Demonstration page.

continue reading »

10 Promising JavaScript Frameworks

Sep 3 2008 by Jacob Gube | 114 Comments

Popular JavaScript frameworks/libraries like jQuery, MooTools, Prototype, and YUI (to name a few of the most popular JavaScript frameworks out there) definitely have a solid foothold in the JavaScript framework arena. But for the more adventurous developers looking for new or alternative frameworks/libraries – there are some excellent frameworks outside the popular ones that’s worth checking out.

It’s always good to consider all of your options before settling on a JavaScript framework that’s right for you and/or your team – and though there’s definitely a lot of compelling reasons to stick to the big names – it won’t hurt you any to at least try the alternatives.

This article showcases 10 alternative and capable JavaScript frameworks/libraries to explore. Links to some of their demos (when available) are included in the entry so that you can see the framework in action.

1. SproutCore

SproutCore - screens hot.

continue reading »