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… Perfect Dropdown Login Box like Twitter using jQuery Twitter’s running a new homepage with clean and easy design. Look at the top right of Twitter’s homepage, you’ll see the sign in button which will drop down the login form. Today, I will make an entry to show you how to create a login drop down with Twitter style using jQuery. It’s really easy, it’ll help you save the space of your webpage and make visitors feel comfortable by the awesome toggle login form. This entry will explain how it works step by step and it’s good for learning jQuery how to do the toggle and tooltips.

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.

Quicksand Reorder and filter items with a nice shuffling animation. Home About I love Mac apps, especially for their attention to detail. 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.

jQuery Tutorials for Designers This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. In case you don't know about jQuery, it is a "write less, do more" Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. Since these tutorials are focused on jQuery, I'm not going to get into the details of the CSS. 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.

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. LavaLamp for jQuery lovers! Hover above and feel for yourself, the nifty effect of Lava Lamp. What you just experienced is nothing but the LavaLamp menu packaged as a plugin for the amazing jQuery javascript library. I personally believe that the effect rivals that of flash – Don’t you?

Nivo Slider - The Most Awesome jQuery Image Slider jQuery & WordPress Image Slider The Nivo Slider is world renowned as the most beautiful and easy to use slider on the market. There is literally no easier way to make your website look totally stunning. The jQuery plugin is completely free and open source receiving more than 3,000,000 downloads since launching in 2010. Beautiful Transition Effects The Nivo Slider makes displaying your gallery of images a beautiful experience, by using amazing transition effects ranging from slicing and sliding to fading and folding.

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. How to Create An Ajax-Based HTML5/CSS3 Contact Form [series_html5css3] Contact form is deadly essential for any website, as it acts as a messenger which passes the opinion or enquiries of visitors to webmaster. There have been countless contact forms on the web but unfortunately most of them do not explain to you the inner working parts, so here comes a detailed tutorial to teach you to build an advanced contact form from scratch based on the pop technology, HTML5 and CSS3. Pin it Considering the nature of a web-based e-mail contact form we are also required to dive into two separate application fields, which is the PHP backend code for sending email and jQuery functions for rich user interface. By the end we will be left with a fully dynamic and functional contact form written with later customization in mind.

Related:  programaciónjQuery TutorielsJavascript