100 Best JavaScript Resources

by Matt on February 9, 2009 · 107 comments

in Coding Resources,Design Tools,Featured,Resources

JavaScript is an extremely useful scripting language for enhancing user experience and usability. It is becoming more and more popular, as more developers begin to make cool techniques accessible. Here are 100 excellent JavaScript (and a few AJAX) techniques, plugins, and resources based on the major libraries of jQuery, Prototype, Scriptaculous, MooTools, and Dojo.

JavaScript Techniques and Tutorials

Coda Pop-Up Tutorial

coda_js

Build An Incredible Login Form with jQuery

slider_js

Create a Slick Tabbed Content Area using CSS & jQuery

tablist_js

Create a Simple, Intelligent Accordion Effect Using Prototype and Scriptaculus

accordian_js

Create a Simple, Powerful Product Highlighter with MooTools

highlighthover_js

Creating a Dynamic Poll with jQuery and PHP

poll_js

Creating a “Filterable” Portfolio with jQuery

filterfolio

Leopard Desktop with jQuery using jqDock

leopard1_js

Adding to Our Leopard Desktop with jQuery

leopard2_js

Use the jQuery UI to Control the Size of Your Text

textslider_js

Animated Drop Down Menu with jQuery

dropdown_js

Animated Menus Using jQuery

hovermenu_js

Fancy Box

lightbox_js

Creating a Slick Auto-Playing Featured Content Slider

contentslider_js

Easiest Tooltip and Image Preview Using jQuery

hovertooltip_js

jQuery Pagination

pagination_js

Using CSS and Mootools to simulate Flash horizontal navigation effect

horizontalslider_js

How to Mimic the iGoogle Interface

igoogle_js

Submit A Form Without Page Refresh using jQuery

contact_js

Coda Slider Effect

codaslider_js

A Mac OS X-style Dock In JavaScript

dock_js

Starbox

starboxes_js

Magic Zoom

magiczoom_js

Magic Magnify

magnify_js

Apple Slider Gallery

appleslider_js

Building an Animated Cartoon Robot with jQuery

cartoonrobot_js

Animate a hover with jQuery

animatehover_js1

Learning jQuery: Fading Menu – Replacing Content

menufader_js

Using jQuery for Background Image Animations

menubgeffects_js

Opacity Change

opacity_js

jQuery image upload and crop

crop_js

Password Strength Meter

password_js

jQuery Autotab

autotab_js

Sliding Top Panel

panelslide_js

context highlighting web forms

formhiglighting_js

jQuery hover sub tag cloud

cloudhover

jQuery pageSlide

pageslider_js

Create a simple ul list with a nice slide-out effect for
  • elements
  • ullist_js

    Portfolio Layout Idea Using jQuery

    foliolayout_js

    Easy Image or Content Slider

    featslider_js

    mooSlide

    mooslides_js

    jQuery.SerialScroll

    scrollto_js

    Agile Carousel

    agilecarousel_jhs

    Animated JavaScript Slideshow

    slideshow_js

    Hyphenation in Web

    hyphenation_js

    Textboxlist Auto-Completion

    textboxlist_js

    CSS Sprites2

    csssprites2_js

    jParralax

    jparallax_js

    BarackSlideshow

    obamaslideshow_js

    Galleria

    galleria_js

    ajax im

    ajaxim_js

    Ajax AutoSuggest

    ajaxautosuggest_js

    Taggify

    phototooltip

    MooFlow

    mooflow_js

    amCharts

    amcharts

    PlotKit

    plotkit_js

    JavaScript tabifier

    tabifier_js

    fValidator

    fvalidator_js

    jQuery Interactive Date Range Picker

    daterange_js

    NoGray Time Picker

    timepicker_js

    Yetii – Yet (E)Another JavaScript Tab Interface

    yetii_js

    Creating a carousel with MooTools

    mootoolscarousel_js

    Carousel.us

    carouselus

    How to Load In and Animate Content with jQuery

    ajaxload_js

    iPhone Unlock Screen

    ipone_js

    Create an apple style menu and improve it via jQuery

    applestylemenu_js

    AJAX Upload

    ajaxupload_js

    Create Accessible Charts Using Canvas and jQuery

    canvaschart_js

    Simple jQuery Form Validation

    validator_js

    jQuery Context Menu

    contextmenu_js

    Kwicks for jQuery

    kwicks_js

    jQuery File Tree

    filetree_js

    jQuery iPod-style Drilldown Menu

    ipodmenu_js

    MooTools Home Page-Inspired Navigation Effect

    naveffect_js1

    jQuery books widget

    booksslider_js

    Revealing Photo Slider

    photoslider_js

    Facebox Image and Content Viewer

    facebookcontent_js

    Simple Controls Gallery

    gallerycontrol

    Fix Overflow

    overflowfix_js

    Setting Equal Heights with jQuery

    equalheights_js

    Scrollable

    scrollable_js

    Jcrop

    jcrop_js

    Music Player Using Mouse Gestures and Hotkeys

    mediaplayer_js1

    Moo Canvas

    canvas_js

    iCarousel

    horiscroller2_js

    Rich Text Editor

    texteditor_js

    Creating a table with dynamically highlighted columns

    table_js

    Simple selector list using CSS and Javascript

    selectorlist_js

    Change the layer background color using a simple Javascript functions

    bgcolorchanger_js

    Simple images slider to create Flickr-like slideshows

    flickrbrowser_js

    Lightbox using mootools and pathfusion multibox

    lightboxmootools_js

    Fantastic News Ticker Newsvine-like using Mootools

    newsticker_js

    JavaScript Articles

    10 Smart Javascript Techniques to Improve Your UI

    10js

    jQuery Tutorials for Designers

    jswdw

    What You Need to Know About jQuery 1.3

    jquery13

    JavaScript Websites

    Sikbox

    sikbox

    Javaspript & AJAX on NETTUTS

    nettutsjs

    Woork

    woork

    JQuery.com

    jquery

    MooTools

    mootools

    Share Your Favorites!

    Please, share your favorite techiques or leave a nice comment.

    Spread the Love:

    Previous post:

    Next post: