background preloader

Tips, techniques, and tutorials for the jQuery JavaScript library

Tips, techniques, and tutorials for the jQuery JavaScript library
This post has been a long time in coming, and I’m sure it comes as no surprise to anyone who has been to the site in the past year and a half. But it’s time to make it official: the Learning jQuery blog has come to an end. I started this blog seven years ago when I was just getting my feet wet with programming for the web as a way to record and help solidify all that I was learning about jQuery (hence the blog’s name, duh). Soon thereafter I started inviting others to write here as well in the hopes of having the site be a good destination for solid information about my favorite JavaScript library. We had a good run with it, but after a while the frequency of posts started to drop. At the same time, but not merely coincidentally, other demands on my time were ratcheting up: family, day job, friends IRL, and so on.

http://www.learningjquery.com/

Related:  JQUERY

annyang! Easily add speech recognition to your site Go ahead, try it… Say "Hello!" Annyang! Let's try something more interesting… Best jQuery Plugins of 2010 For our “Best of 2010″ series we’ve already shown your our picks for best free WordPress themes and free fonts. So for this week the focus in on jQuery. This javascript framework continued to grow in popularity during 2010, which meant an abundance of plugins being released. Scalable and Modular Architecture for CSS I have long lost count of how many web sites I’ve built. You would think after having built a few hundred of them I would have discovered the “one true way” of doing it. I don’t think there is one true way. What I have discovered are techniques that can keep CSS more organized and more structured, leading to code that is easier to build and easier to maintain. I have been analyzing my process (and the process of those around me) and figuring out how best to structure code for projects on a larger scale.

jQuery Plugin – Increment ← Sean-O.com jQuery Increment Plugin Inspired by this article on css-tricks.com, I decided to release a plugin dedicated solely to quick keyboard-based manipulation of numeric values in HTML input fields. It’s called Increment. Simply assign the set of inputs you wish to attach this behavior to:$('input.hours').increment(); And let your fingers do the walking: use the up arrow to increment values, down arrow to decrement.

SimpleModal Demos / Eric Martin / ericmmartin.com Basic Modal Dialog A basic modal dialog with minimal styling and without any additional settings. There are a few CSS attributes set internally by SimpleModal, however, SimpleModal relies mostly on external CSS for the look and feel. Demo Download Basic Modal Dialog For this demo, SimpleModal is using this "hidden" data for its content. 15 Sites for Learning and Mastering SEO We recently compiled a list of some of the best social media blogs on the web. Although maintaining healthy relationships and building a strong network on the web is crucial, search engine placement certainly can’t be ignored either. We all know the impact of search engines on our daily traffic. Nivo Slider - The Most Awesome jQuery Image Slider Beautiful transition effects Nivo Slider offers 16 transition effects ranging from slicing and sliding, to fading and folding, making your galleries interactive and fun. No coding skills needed

The Unix Command Line: Text Files By Gordon Davisson Copyright (c) 2002, Westwind Computing inc. Working with Text Files: more and less - display the contents of a text file, one screenful at a time (hit the spacebar to get the next screen). Note that this only works well with plain text files, not Word files, RTF's, PDF's, or anything else that contains formatting information. less also allows you to go backwards (type "b") in the file. Top 20 Best jQuery Carousel Plugins Carousel elements will give your website’s visitors the ability to easily access multiple content items. Carousels are scrolling lists of items, displayed horizontally and they have dynamic effects. You are able to scroll back and forth and see the list of items.

  Quicker Than window.onload by 15 Days Of jQuery 21 May Posted by Jack as Tutorials Window.onload() is a workhorse of traditional javascript code. It’s been used by coders for years to kick start the client side magic as soon as everything on the page loads up. Useful Node.js Tools, Tutorials And Resources - Smashing Coding Advertisement Created by Ryan Dahl in 2009, Node.js is a relatively new technology which has gained a lot of popularity among Web developers recently. However, not everyone knows what it really is. 10 Awesome jQuery and HTML5 Audio Players Want to play audio on your website? These jQuery and HTML5 Audio Players plugins will be very useful to you. They’re great for fullscreen websites which use audio to create a certain mood or feel or for band and DJ’s websites. Need more jQuery plugins? Check out these jQuery Pagination Plugins and Tutorials and WordPress Mobile Plugins. jPlayer

Introduction to jQuery Introduction This screencast will give you an introduction to jQuery. We’ll explain what jQuery is, why you’d use it, and then how you’d use it in your code. After finishing this screencast you’ll be able to use the core functionality of jQuery in your projects, and be on your way to writing unobtrusive javascript in powerful web applications. A little web development history... To fully appreciate jQuery, let’s quickly review some web development history:

Related: