15 Fresh JavaScript Tutorials For Web Developers

edit-female-user-icon JavaScript is very welcomed by the web developer or designers since many modern techniques relied on the world wide web. They need always follow variouse web techniques and scripts for best user experience. Then following we prepared some basic but helpful JavaScript tutorials maybe you wanted.

Bottom Slide Out Menu with jQuery


In this tutorial it will create a unique bottom slide out menu. This large menu will contain some title and a description of the menu item. It will slide out from the bottom revealing the description text and some icon. We will use some CSS3 properties for some nice shadow effects and jQuery for the interaction.

Bottom Slide Out Menu with jQuery

Building Persistent Sticky Notes with Local Storage


HTML5 local storage is like cookies on steroids; it’s incredibly simple to use and yet still so powerful. In this tutorial, it will show you how to create “sticky notes” functionality, that allows your users to take persistent notes while browsing your site.

Sticky Notes

Building a 5 Star Rating System with jQuery, AJAX and PHP


In this tutorial, you’ll learn how to build a rating system with AJAX, PHP, and jQuery. Votes will be recorded and updated in real-time with the magic of AJAX, and we’ll also leverage the power of PHP so that you don’t even need a database!

Star Rating

Create a Sliding Menu Using jQuery


This time we’ll be building a sleek menu using jquery and some styles. What’s beautiful about jquery is how you can change a few bits and you get an entirely new effect.

Create a Sliding Menu Using jQuery

Date/Time Picker


It is a date picker control. To open the calendar, click the icon at the right side of the input box. While open, you can use keyboard controls to navigate the datepicker

Date Time Picker 

 

jDigiClock

jDigiClock is a jQuery plugin inspired from HTC Hero Clock Widget.

jDigiClock

 

jQuery Tutorials for Designers


This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery.

jQuery Tutorials for Designers

 

Lightbox2


Lightbox is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.

lightbox2

 

Making a Mosaic Slideshow With jQuery & CSS


In this tutorial it introduced how to building a menu and animate it with some smooth effects.

Mosaic Slideshow

 

Make a Smooth Animated Menu with jQuery


In this tutorial it introduced how to building a menu and animate it with some smooth effects.

Animated Menu with jQuery

 

Movie Search App w/jQuery UI


In this tutorial, it is using jQuery UI’s autocomplete widget, to build a simple AJAX movie search form. The script is going to use TheMovieDatabase.org‘s free API, to provide auto suggestions against a vast database of movie titles.

Movie Search App jQuery UI

 

Quick Tip: An Introduction to Sammy.js


You’ve been seeing it for a while now with Google’s Reader, Gmail, and most recently, on Facebook. Probably, you, too, would like to write RESTful evented JavaScript applications. Well, fellow developers, meet Sammy.js, a tiny JavaScript framework built on top of jQuery. Sammy utilizes the URL hash (#) to allow you to create single page AJAX applications that respond to your browser’s back button.

Quick Tip 

 

Sponsor Flip Wall With jQuery & CSS


Designing and coding a sponsors page is part of the developer’s life (at least the lucky developer’s life, if it is about a personal site of theirs). You have to find a way to fit a lot of information and organize it clearly, so that the emphasis is put on your sponsors, and not on other elements of your design.

Sponsor Flip Wall

 

TextboxList meets Autocompletion


Designing and coding a sponsors page is part of the developer’s life (at least the lucky developer’s life, if it is about a personal site of theirs). You have to find a way to fit a lot of information and organize it clearly, so that the emphasis is put on your sponsors, and not on other elements of your design.

TextboxList meets Autocompletion

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • DZone
  • Reddit
  • Technorati
  • StumbleUpon
  • Twitter
RSS Enjoy this Post? Subscribe to Ntt.cc

RSS Feed   RSS Feed     Email Feed  Email Feed Follow us Follow us
You can leave a response, or trackback from your own site.

3 Responses to “15 Fresh JavaScript Tutorials For Web Developers”

  1. [...] }); } In previous article: 15 Fresh JavaScript Tutorials For Web Developers, we have introduced some useful tutorials for web developers. Currently there are a subtle set of [...]

  2. [...] }); } In previous article: 15 Fresh JavaScript Tutorials For Web Developers, we have introduced some useful tutorials for web developers. Currently there are a subtle set of [...]

  3. Mary Lou says:

    Thank you for including our Bottom Slide Out Menu! Cheers from Codrops, Mary Lou

Leave a Reply