Creating A Cool Animated Pixel Font With CSS3

Here’s an awesome CSS3 animation effect by Peter Magenheimer. It’s an animated pixel font that is created with 100% pure CSS3, no Javascript or images! The animation is activated by simply hovering your mouse cursor over a letter. By doing so, a number of pixel elements come in and gather on a specific area of [...]

Continue Reading →

Real Shadow: A jQuery Plugin For Creating Realisitc Shadows

Here’s a pretty neat jQuery plugin created by Indamix that you can use on your website! It’s called Real Shadow, and what it does is it gives an element a shadow that changes its attributes depending on the location of the mouse cursor. The plugin works by manipulating the value of the CSS property box-shadow. [...]

Continue Reading →

Multiple Backgrounds with CSS

?? Web developer David Walsh has a great tutorial to share with us, which is making a multiple background with CSS. This feature is a very useful tool in preventing the need for nested elements. Click on the image to see his tutorial. Here’s the DEMO, and the CSS code: #multipleBGs { background: url(photo1.png), url(photo2.png), [...]

Continue Reading →

Shining Text Effect with Groovy Font

Retro nostalgia, baby! Here’s a cool tutorial that will add that disco-inspired style to your text effect with Groovy Font, thanks to the guys at PSDVault. To view the demo and full tutorial, click on the image.             Incoming search terms for the article: DISCO FONT disco fonts disco typography [...]

Continue Reading →

Create a Restaurant Chalkboard Graphic Design With Adobe Illustrator

This great Adobe Illustrator tutorial made by Andrei Marius teaches you how to create a somewhat quaint yet very cool restaurant chalkboard graphic. It would be a great design to incorporate onto your website especially if it’s food-related. The tutorial starts off with creating the blackboard before moving on to the main highlight, which is [...]

Continue Reading →

Create a Sexy Small Download Icon

Web designer Dillen Verschoor shows a tutorial on how you can create a sexy small download icon for your website. Click on the image above to learn his elegant Photoshop techniques.     Incoming search terms for the article: icon website photoshop icon download smal downlod web development web development icon

Continue Reading →

How to Make a Cartoon-Style Graffiti Text Effect from Scratch

Ashlee Harrell has created a  funky cartoon-style graffiti text effect that could be useful in your design. Learn how to do this technique from scratch using Photoshop’s layer styles, pen, selection, dodge and brush tools. Check out the full tutorial by clicking the image above.       Incoming search terms for the article: graffiti [...]

Continue Reading →

Space-Themed Portfolio Landing Page

The Space-Themed Portfolio Landing Page by Tom of PSDFAN. This is a nice and sleek template that will definitely appeal to tech lovers. In this tutorial, you’ll learn how to come up with a design like this from scratch – from background canvas to space elements to highlights to menu. Click on the image for [...]

Continue Reading →

30 Inspiring Vintage Web Designs

Let’s travel back into the past with these various collections of beautiful and inspiring vintage web designs. Click on each thumbnail in the gallery to view their respective sites.   Incoming search terms for the article: vintage web design WordPress Antique Template vintage web design inspiration cup cakes psd search bar design inspiration best vintage [...]

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 →

Page 1 of 2712345»...Last »