Simple JQuery Image Slide Show with Semi-Transparent Caption Introduction Update 17 Dec 2009: I have created a new version of this image slide show. It's more efficient, clean and simple. Please visit: jQuery Photo Slide Show with Slick Caption Tutorial Revisited I will no longer provide support for this old tutorial Image Slide Show is one of the famous components in web design and development.
CSS Drive- CSS Candy Menu CSS Candy Menu Date: 10/16/2008 CSS Candy Menu Author: Josh Jones Candy Menu is a stylish CSS drop down menu that's comes in six provocative colors to get you started: To get the menu, download "candymenu.zip". It is a zipped folder (.zip) that includes the following: PSD Source FileWorking demos of each menuCSS StyleSheetAll images needed How to build a web widget (using jQuery) - Alex Marandon Published on 15 June 2010, updated on 10 February 2015, 110 Comments Introduction I created some web widgets for the London’s Design Museum and learned a few useful things in the process. Use jQuery to "turn off the lights" while watching videos Some videos on YouTube have a cool feature called “Turn the lights down”. Basically, when you turn lights down, the entire page darkens and let you watch video as if you are in the cinema. This tutorial will show you how to implement this simple effect. View live demo The problem
Rounded Corners With Javascript (jQuery) by 15 Days Of jQuery Yesterday at 5:15 PM, I was jones-ing for my quick email fix after being away from the computer for almost 48 hours so I fired up Thunderbird and instantly grabbed a few RSS feeds I subscribe to. (On the weekends I’m swamped with home renovation projects and all my free time is spent with friends and family… AWAY from the computer) My new “buddy” Dustin Diaz (who included a reference to me and this site in his most recent audioblog) posted an edgy “take-it-or-leave-it” kind of post called “Enough With Rounded Corners”. So I checked out this new resource for rounded corners and saw that the html would be perfect for an impromptu tutorial on jQuery – combining the wrap(), prepend(), and append() functions. Tag Clouds - Styling and Adding Sort Options Users have very different opinions when it comes to tag clouds. Some like them, some can’t stand to look at the mess. Whatever your feelings are, categorizing items (i.e. blog posts) using tags have become very popular and widely spread and can’t be avoided in the web today. So we might as well learn how to deal with them. Take a look at the full demo | Download Tag Cloud Style & Sort
How to build a scrolling list with jQuery : Five Minute Argument Sunday 7th February his tutorial explains, step-by-step, how to use CSS and jQuery animations to build a simple ‘auto-scrolling’ vertical list. Let’s be clear, here: the widget I’m about to put together isn’t exactly a stunning new advance in user interface design. But it does produce a nice final result, and you’ll probably learn a little about CSS and jQuery animations along the way. Requirements To make things more interesting, we’ll give ourselves some pretty strict requirements about behaviour and display. Create an apple style menu and improve it via jQuery Since I wrote my last tutorial on how to create a CSS only multilevel dropdown menu I got a lot of visitors who wanted to know how I created the main navigation of kriesi.at. (a so called kwicks menu) The interest in extraordinary menus seems to be high nowadays, so today I will teach you how this is done. Since the Apple-flavored Leopard-text-indent style is currently one of my favorite menu styles, we will start from scratch and build such a menu in Photoshop, then create the needed HTML and CSS and last but not least improve it via jQuery. This is what we are going to build (don’t forget to hover over the menu) Since the Tutorial is rather long and comprehensive here is a short overview of the upcoming tasks:
jQuery 1.4.3 Offline Learning Kit Hey guys. Quick post for you today. So by now, chances are you’ve had an opportunity to play around with jQuery 1.5 (and 1.5.1) and you may have even checked out some of the great new Deferred features that that release came with. Today I wanted to share an offline learning pack for anyone interested in tweaking their jQuery skills offline. What does this learning pack come with? Well, for starters it will include printable reference sheets so that whenever you’re wondering what selector or method might be best to use, you’ll have access to material that can assist with that.
35 Useful jQuery Plugins for Slideshows, Graphs and Text Effects Feb 18 2010 By Angel Wardriver jQuery can empower a developer with the tools required to create a rich user experience. The way in which we display images, text, charts and graphs can enhance functionality for the wide range of users. Let’s take a look at 35 powerful and effective jQuery plugins and techniques for slideshows, graphs and text effects. Jquery Click on the above image to land in the Lava Lamp Demo page. Then, hover over it and feel for yourself, the nifty effect that Lava Lamp offers. 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? Especially considering the fact that it is extremely light weight.