100 Best JavaScript Resources

by Matt on February 9, 2009 · 108 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 <li> 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

syntaxhighlighter

syntaxhighlighting_js

CSS Sprites2

csssprites2_js

jParralax

jparallax_js

BarackSlideshow

obamaslideshow_js

Galleria

galleria_js

date.js

datejs_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:
  • StumbleUpon
  • Twitter
  • Digg
  • del.icio.us
  • Design Float
  • Reddit

{ 102 comments… read them below or add one }

baby photos April 12, 2014 at 3:59 pm

I am truly grateful to the holder of this web site who has shared this fantastic post at at this place.

novell April 20, 2014 at 11:21 pm

Ones facts furthermore tips precise clever to my opinion.
Thank you precise significantly before hand. The skill about this
theme is extremely good, I’m happy to facilitate
here’s gotten back. Many thanks yet again!

Leave a Comment

{ 6 trackbacks }

Previous post:

Next post: