-
Nov 10, 2009
For $9 you get a great screencast tutorial from PeepCode. Check it out
Filed under:
-
Nov 02, 2009
Perfect sign in dropdown box likes Twitter
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.
Filed under: Animation and Effects, DOM Manipulation, Forms, Navigation
-
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
-
Oct 24, 2009
Create an Image Rotator with Description
An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are many great plugins already, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.
Filed under:
-
Oct 20, 2009
Easy Display Switch with CSS and jQuery
Today’s web users expect web pages to be increasingly more interactive. To this end, the ability to change page layouts provides your users with a more immersive experience and allows them to consume information more easily, either with a quick gallery view, or a detailed summary view.
Filed under: Aesthetics, DOM Manipulation
-
Oct 14, 2009
Sam Dunn at build Internet creates this simple effect of opening curtains that reveal something behind.
Filed under:
-
Sep 21, 2009
Make Your Header Respond To Mouse Movements with jParallax
A tute to show you how to make a beautiful header that responds to mouse movements using the jParallax plugin.
Filed under: Animation and Effects, Background
-
Sep 17, 2009
Portfolio Layout Idea Using jQuery
Build a portfolio with a similar effect to Thunderfuel’s website
Filed under: Animation and Effects, DOM Manipulation, Navigation, Slider, UI
-
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
-
Sep 14, 2009
Create an amazing music player using mouse gestures & hotkeys in jQuery
We will create an amazing music player coded in xHTML & jQuery that made use of mouse gestures and hotkeys. You can Click & Drag with mouse to interact with interface’s music player or use directional keys & spacebar instead of mouse.
Filed under: Animation and Effects, DOM Manipulation, Media
-
Sep 12, 2009
Thumbnail with Zooming Image and Fading Caption
In this great tute from Queness you will learn how to make ordinary thumbnail to something more.
Filed under: Animation and Effects, DOM Manipulation, Navigation
-
Sep 10, 2009
Create a Digg-style post sharing tool with jQuery
We are going to make a digg-style post sharing toolbox. It’s all pretty straight forward and need a little bit of planning. The way it works is different with digg’s. If you view the html source code of Digg’s, it has the sharebox html code in every single post. But, in this tutorial we have only one sharebox, and all the links are sharing the same template.
Filed under: DOM Manipulation, Tooltip, Widgets
-
Sep 07, 2009
Easy Multi Select Transfer with jQuery
I’m sure that at some point or another you’ve encountered a form widget like the one below, allowing options to be traded from one multi select to another.
Filed under: UI
-
Sep 04, 2009
How to detect screen size and apply a CSS style
This detects the screen width using the screen.width property and then changes the stylesheet using jQuery.
Filed under: Aesthetics, UI
-
Sep 03, 2009
Vertical Scroll Menu with jQuery
A great tute from Kevin at Queness to create an awesome, Flash-like, vertical srcolling menu using jQuery.
You have to check this out because the effect is brilliant!
Filed under: Animation and Effects, DOM Manipulation, Navigation
Follow jQuery Style on Twitter