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:

    Tagged as: JavaScript, jQuery, resources

    { 101 comments… read them below or add one }

    Ismael July 19, 2009 at 10:27 pm

    Thanks for all sites.
    Now I can improve my development with new ideias.

    Claudio Espinoza March 5, 2010 at 11:14 am

    una lista impresionante!! te felicito y muchas gracias!!

    May 19, 2010 at 11:23 pm

    Wow! This post rocks! I have been looking for a comprehensive list of useful js, and this is it. Thanks a bunch.

    -Nick

    samsol May 5, 2011 at 1:50 pm

    check my 3d demo developed in raphael javascript library: http://www.samsol3diphone.blogspot.com/p/3d-demo-in-javascript.html

    Gaurav July 11, 2011 at 10:52 am

    Its an awesome resource capturing….
    Thanks!!

    Robert Pataki July 16, 2011 at 5:09 pm

    Awesome list, thanks for sharing!

    I just released an open source JavaScript library called Heartcode CanvasLoader. With this lightweight tool web developers/designers can add smooth, transparent and sexy preloaders to their HTML projects. Beside the library I’ve got a creator page which is a visual editor, where the users can customize and download their own preloaders. The library is released under the MIT licence, the creator page is also free to use.

    Check out the Heartcode CanvasLoader Creator:
    http://heartcode.robertpataki.com/canvasloader

    Thanks again and keep up with the good work,
    Robert

    Lesego August 15, 2011 at 6:26 pm

    wow,i just got the ajax grasp and i am seriously infected,this website showed me some very basic but instrumental tips.love it

    Calvin Mathiew August 29, 2011 at 3:35 am

    I believe this internet site holds some really great info for everyone : D.

    Web Design September 6, 2011 at 1:47 am

    wow, this is a really dense list of resources for programming scripts..

    sexshop September 12, 2011 at 4:50 am

    Thanks , I have just been searching for info about this topic for ages and yours is the best I’ve discovered till now. But, what about the bottom line? Are you sure about the source?

    Chris Ehrlichman December 17, 2011 at 2:45 pm

    This is an awesome resource for scripts. Defiantly sharing this!

    January 18, 2012 at 8:17 am

    wonderful

    iphoneunlocking February 5, 2012 at 10:07 am

    Awesome information on java scripts !

    Web Hosting February 9, 2012 at 4:22 am

    this post is worth bookmarking! :) Thanks!

    Sarfraz February 20, 2012 at 3:38 am

    Nice list but you totally missed the resources at http://www.eGrappler.com

    Taupo Accommodation February 27, 2012 at 8:50 pm

    Your article is amazing! I’ve been looking for a precise and detailed list of helpful JS and this is it! Many thanks…

    delhiwonders March 1, 2012 at 3:48 am

    A Very Great post thanks sharing…

    Building Inspections Auckland March 7, 2012 at 6:48 am

    This is something worth reading! Thanks a lot :)

    Romu March 19, 2012 at 12:11 pm

    Really nice!
    A javascript framework if you want to check it out:
    http://somajs.github.com/somajs/

    giftshopper April 25, 2012 at 7:07 am

    Very useful sripts. im impressed about the versatility of javascripts. thanks for posting!

    Vadim April 25, 2012 at 5:58 pm

    Similar effect for high resolution images:
    http://www.ajax-zoom.com/examples/example20.php

    Taylor August 20, 2012 at 2:18 pm

    Really fantastic list. I can only imagine how much time it took to put together.

    Kevin Florish November 4, 2012 at 8:51 am

    Try http://learnjavascript.co.uk, for tutorials on JavaScript and jQuery from beginner to advanced, including complete references.

    Binary Options July 4, 2013 at 6:23 pm

    Good Speed Unifi Broadband eighty six

    mspy discount code September 23, 2013 at 6:35 pm

    I am curious to find out what blog platform you have been using?
    I’m experiencing some minor security problems with my latest blog and I would like to find something more safeguarded.
    Do you have any recommendations?

    Muscle Rev X Reviews September 25, 2013 at 6:42 pm

    hello there and thank you for your information – I have
    certainly picked up something new from right here. I
    did however expertise a few technical points using this web
    site, as I experienced to reload the web site lots of times previous to I
    could get it to load correctly. I had been wondering if your web hosting is OK?
    Not that I am complaining, but slow loading instances times will sometimes affect
    your placement in google and can damage your high-quality score if ads
    and marketing with Adwords. Anyway I am adding this RSS to my e-mail and could look out for a lot more of your respective intriguing content.
    Ensure that you update this again soon.

    Ripped X Burn And Muscle Max October 7, 2013 at 4:24 pm

    Hi there! Someone in my Myspace group shared this website with us so I
    came to check it out. I’m definitely enjoying the information.

    I’m book-marking and will be tweeting this to my followers!

    Fantastic blog and excellent design and style.

    invicta gold watches October 31, 2013 at 4:38 am

    Today, while I was at work, my sister stole my iPad and tested to see if it can survive a 25 foot drop, just so she can be
    a youtube sensation. My apple ipad is now destroyed and she has 83 views.
    I know this is completely off topic but I had to share it with someone!

    Aliza November 18, 2013 at 2:45 pm

    A fascinating discussion is definitely worth comment.
    I think that you should publish more on this topic, it might not be a taboo matter but generally folks don’t
    discuss these subjects. To the next! Cheers!!

    html5 web developers December 16, 2013 at 12:07 am

    I like a techniques an individual supply to your articles or blog posts. I am going to bookmark the website and check out yet again listed here regularly. I am just really sure I am knowledgeable many innovative stuff listed here! Good luck for!

    grafik January 8, 2014 at 2:09 pm

    This site was… how do you say it? Relevant!!
    Finally I have found something that helped me. Thanks!

    Barcelona Hotels With Pool February 15, 2014 at 11:42 pm

    I comment whenever I like a post on a website or I have something
    to add to the conversation. Usually it is caused by the sincerness displayed in the article I looked
    at. And on this post 100 Best JavaScript Resources — Spoonfed
    Design. I was excited enough to drop a thought :
    -P I do have some questions for you if it’s okay. Is it only me
    or does it give the impression like some of the responses look as if they are coming from
    brain dead folks? :-P And, if you are writing on other online social sites, I would like to
    follow everything new you have to post. Could you make a list every one of all your shared sites
    like your Facebook page, twitter feed, or linkedin profile?

    accommodation bristol March 3, 2014 at 7:36 pm

    I like it when folks come together and share opinions.
    Great website, keep it up!

    Thorn Thermal Analysis March 6, 2014 at 3:25 am

    Hello i am kavin, its my first occasion to commenting
    anywhere, when i read this post i thought i could also
    make comment due to this sensible post.

    The Jurassic Coast March 10, 2014 at 8:34 pm

    Excellent blog! Do you have any suggestions for
    aspiring writers? I’m planning to start my own site soon but I’m a little lost on everything.
    Would you suggest starting with a free platform like Wordpress
    or go for a paid option? There are so many options out there that
    I’m totally confused .. Any recommendations? Appreciate it!

    Torri March 12, 2014 at 12:51 pm

    I every time spent my half an hour to read this weblog’s articles or reviews every day along with a mug of coffee.

    Hassie March 12, 2014 at 1:33 pm

    Thanks for sharing your thoughts on scriptaculous. Regards

    Stacey March 12, 2014 at 4:36 pm

    I’m no longer sure where you’re getting your information, however great topic. I needs to spend some time learning more or understanding more. Thank you for excellent info I was searching for this information for my mission.

    Refugia March 12, 2014 at 8:41 pm

    I don’t even know the way I ended up right here, but I thought this submit was good. I don’t recognise who you might be however certainly you’re going to a famous blogger if you are not already. Cheers!

    Hudson March 13, 2014 at 8:00 pm

    My relatives all the time say that I am wasting my time here at web, but I know I am getting familiarity every day by reading such pleasant articles.

    Sidney March 13, 2014 at 8:40 pm

    Everyone loves what you guys are usually up too. Such clever work and reporting! Keep up the amazing works guys I’ve added you guys to our blogroll.

    Landon March 13, 2014 at 9:12 pm

    I really like what you guys tend to be up too. This kind of clever work and reporting! Keep up the terrific works guys I’ve added you guys to our blogroll.

    Madge March 13, 2014 at 9:23 pm

    It’s perfect time to make some plans for the future and it is time to be happy. I’ve read this post and if I could I desire to suggest you few interesting things or advice. Perhaps you could write next articles referring to this article. I want to read even more things about it!

    Shauna March 13, 2014 at 10:38 pm

    Hey there I am so excited I found your site, I really found you by mistake, while I was researching on Aol for something else, Regardless I am here now and would just like to say many thanks for a remarkable post and a all round entertaining blog (I also love the theme/design), I don’t have time to read through it all at the moment but I have bookmarked it and also added your RSS feeds, so when I have time I will be back to read more, Please do keep up the great jo.

    christmas party March 15, 2014 at 12:29 am

    These are students from colleges, high schools and universities throughout the world.
    Of all the possible global disruptions, the two most likely are global warming and a super pandemic.
    Therefore, these lights are the best option for saving energy and the
    global environment from global warming.

    http://stolarkaokienna.blog.com/ March 20, 2014 at 8:06 pm

    Great post. I was checking constantly this blog and I am inspired!
    Extremely helpful info particularly the remaining part :) I deal with such info much.

    I was looking for this particular info for a very lengthy time.
    Thank you and best of luck.

    Max March 23, 2014 at 9:49 pm

    Hey there just wanted to give you a brief heads up and let you know a few of the images
    aren’t loading properly. I’m not sure why but
    I think its a linking issue. I’ve tried it in two different browsers and both show the same outcome.

    Barbie Toy March 31, 2014 at 11:34 pm

    Hi, its nice article concerning media print,
    we all be familiar with media is a fantastic source of information.

    temple Bar April 6, 2014 at 6:18 am

    Thanks for ones marvelous posting! I actually enjoyed reading it, you might be a great author.
    I will make sure to bookmark your blog and will eventually come back in the foreseeable future.

    I want to encourage you to ultimately continue your great writing,
    have a nice weekend!

    gamezebo.com April 11, 2014 at 6:56 am

    Thanks , I have just been searching for info approximately this subject for
    ages and yours is the best I’ve found out till now.

    But, what concerning the bottom line? Are you sure in regards to the supply?

    Leave a Comment

    { 6 trackbacks }

    Previous post:

    Next post: