Filtrify – A jQuery Filtering Plugin

Here’s another filtering plugin called Filtrify, which is created by Luis Almeda and it can filter items based on multiple tags from different categories AND is able to give live feedback. You can see the plugin in action by clicking above for the demo. The look and feel of the UI may look familiar to [...]

Continue Reading →

Gravity Registration Form With jQuery

Jazz up your online form by adding eye-catching effects to it with  this jQuery tutorial! This jQuery code is known as the “Gravity Registration Form” because it shows the next hidden field for the user to fill up by making it drop down below the preceding one. Click on the image above for the demo. [...]

Continue Reading →

JQuery Bubble Slideshow

Martin Angelov’s jQuery bubble animation effect is ideal for portfolio or gallery websites. It is very easy to use and highly customizable though it doesn’t work well with older versions of IE since it utilizes CSS3. You can also use this effect to create backgrounds and headers. Since the plugin is made to resize automatically, [...]

Continue Reading →

Display Recent Post Titles Using wp_query

Today, I’d just like to share with everyone this neat WordPress trick by Libby Fisher from Icode4you.net. It’s a short code that will not only let you display the most recent post titles from a certain category but also let you specify how many titles you want displayed. Below is the code: <ul> <?php global [...]

Continue Reading →

How to Simulate Gravity with jQuery

This nice jQuery effect by Gaya Kessler simulates gravity animation. The idea of this is when you hover above the string that holds both blocks, it will break and the block below will fall. Click on the image above to see how this works! Also, you can get the DEMO and SOURCE FILE here. Enjoy! [...]

Continue Reading →

How To Add CSS-styled Numbers in an Unordered List

When you make a numbered list in HTML with the ordered list (<ol>) tag, sometimes you’d like to style the numbers as well. Thanks to Chris Coyier‘s tutorial, this is possible. For example you want to number the Q-and-A pairs in an FAQ list and then add styles to those numbers at the same time, [...]

Continue Reading →

Create a Cool Navigation Image Rollover with CSS3

Web designer and developer Joren Rapini’s tutorial teaches us how to create a terrific navigation image rollover, which uses very minimal HTML and CSS codes. Click on the image below for the demo: The first thing to do is to create a navigation image menu with Photoshop. Then, we’ll be writing the HTML and CSS. [...]

Continue Reading →

Display Your Photos with Ultimate Photo Widget!

Ultimate Photo Widget allows you to display photos from your Flickr, Tumblr, and Pinterest accounts. And why the ‘ultimate’ monicker? Pretty much the same answer — because it allows you to display photos from your Flickr, Tumblr, and Pinterest accounts in three different styles: vertical, tiles, and slideshow, and that’s saying a lot! Hit this [...]

Continue Reading →

Create a Semi-Realistic MacBook Pro with Photoshop

Andrei Marius shares a great tutorial on how to make a semi-realistic MacBook Pro from scratch using Photoshop’s basic tools as well as other techniques like vector, warp, layer masks, clipping masks, noise and more. Click on the image to see the step-by-step procedures. Incoming search terms for the article: macbook pro vector macbook vector [...]

Continue Reading →

Sausage: A Cool jQuery Add-on For Infinite Pagination

Here’s a cool feature for everyone who’s using the infinite scrolling feature on their website. It is a jQuery widget created by Christopher Cliff and it is called Sausage. What it does is that it adds a series of graphical elements on the right side of the browser window next to the scroll bar that [...]

Continue Reading →

Page 1 of 1112345»...Last »