-
Jan 07, 2010
Create an In-Place Editing System: One Step Further
We’ll take things a step further as we create a simple backend, which will allow our website to remember the changes that we’ve made.
-
Create an In-Place Editing System
Making users click through multiple pages just to edit a field is so 1999. In this tutorial, you’ll learn how to create an in-place editing system as found on popular sites, such as Flickr.
-
Oct 29, 2009
Disappearing "Scroll to top" link with jQuery and CSS
Seen in many forms, such as “Back to top”, “Top of page” or “Scroll to top”, these links provide a way for users to jump to the top of the page, back to navigation and other handy stuff.
This tutorial will help you build a scroll to top link, or whatever you call it, that appears when the user scrolls down, and disappears when users reach the top of the page using a combination of CSS and jQuery
Filed under: Animation and Effects, DOM Manipulation, Navigation, Utilities
-
Sep 17, 2009
Resizing Images Based On Browser Window Size
In fluid layouts it is easy to format the text to adjust nicely when the window is resized, but the images are not as fluid-friendly. This Quick Tip shows you how to swap between two image sizes based on the current size of the browser, div, or whatever you decide to make the deciding factor. For those looking for a real life example, Last.fm “uses this technique”:http://www.last.fm/music/Jack+PeƱate on their artist pages.
Filed under: DOM Manipulation, Utilities
-
Aug 27, 2009
Creating a Virtual jQuery Keyboard
Very few websites provide their users with the option of using a virtual keyboard to key in (at the bare minimum) their passwords. Yes, a few banks do it, but considering how much personal information we store in various web applications these days, the safety of these accounts are of no less significance to us. This tutorial will explain how we can implement a simple virtual keyboard with some (well, okay, lots of!) help from jQuery.
Filed under: DOM Manipulation, UI, Utilities









Mac OS X Version 10.5.6 Snow Leopard
Windows 7 Ultimate
Moleskine Large Squared Notebook
Learning JQuery 1.3
JQuery UI 1.6: The User Interface Library for JQuery
JQuery Reference Guide
jQuery in Action
Pro JavaScript Techniques
JavaScript: The Definitive Guide
DOM Scripting: Web Design with JavaScript and the Document Object Model
Bulletproof Ajax
Bulletproof Web Design
CSS Artistry: A Web Design Master Class
Designing with Web Standards
CSS Mastery: Advanced Web Standards Solutions
HTML & XHTML: The Definitive Guide
Follow jQuery Style on Twitter