Experimenting with Background-Clip: Text

Mary Lou of Tympanus.net shows us a fun way to add a background image to a text element by experimenting with the CSS property “background-clip: text”. We can create very beautiful effects with the addition of these CSS3 transitions. Take note that the property ‘background-clip: text’ is supported in Webkit browsers only. Check out the [...]

Continue Reading →

Create A Fancy Progress Bar Using CSS3 And jQuery

Ivan Vanderbyl‘s cool CSS progress bar actually shows you a percentage of how much longer the process takes, unlike the others that just leave you guessing. Click on the screenshot above to see the code in action.   HTML Markup <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <title>Pure CSS Progress Bar</title> <link rel=”stylesheet” href=”stylesheets/ui.css”> <link rel=”stylesheet” [...]

Continue Reading →

Create a jQuery Tag Cloud

The tag cloud lets the visitors see the available site topics, additional info, and it can also be used to link blog posts, images, videos, etc. in your site. It’s so popular that several tag cloud versions have been created by many web developers and designers, and one of them is Dan Wellman who has [...]

Continue Reading →

How to Design A Stylish Party Poster

This tutorial by Tom of PSDFAN will show us how to design funky and hip club night poster using Photoshop. This type of poster is perfect for event promotions like gigs, club parties, etc. Use this as an inspiration and springboard for your next party design project. Get the full tutorial by clicking on the [...]

Continue Reading →

How to Make CSS3 Buttons for All Browsers

Click on the image above to view the demo. Clickable buttons add visual appeal and functionality to any website. Madalin Tudose‘s tutorial on creating CSS3 buttons is applicable to all modern browsers like Chrome, Firefox, Safari etc., and even old browsers like IE6. CSS3, allows you to create fantastic styles like gradients, rounded corners and [...]

Continue Reading →

Incredibly Cool CSS3 Buttons a la Twitter

Thanks to Photoshop tools like gradients, font-face, etc. we can create some very cool buttons without needing to use a single image. Jeffrey Way delivers us his kickass version of a button a la Twitter using 100% CSS3. Yes folks, this is pure CSS. Click on the image above for the vid tutorial. Below is [...]

Continue Reading →

How To Create A Dynamic Sidebar For WordPress

Front-end developer Erin Seale has brilliantly created a dynamic sidebar for WordPress, whose content options change depending on the page the user is viewing. To quote Erin on her the idea behind the dynamic sidebar, “Let’s say you have a Blog, an ‘About’ section, and your homepage. In the ‘About’ section, you have the obligatory [...]

Continue Reading →

11 Artistic Heart Photoshop Tutorials

Want to give your special someone more than just the typical Valentine card? Here are a dozen Photoshop tutorials to help you create that unique Valentine card for your beloved. If you aren’t inclined toward tinkering with Photoshop, don’t fret. Some, if not all of these tutorials already have a finished product that you can [...]

Continue Reading →

Create a Stylish Valentine’s Day Heart

The day when we celebrate the spirit of love is fast approaching, and ART-D has brought in another awesome tutorial in time for the season. It is a very stylish Valentine’s Day heart which you may use for your design and as inspiration. Click on the illustration above to view the full tutorial. I hope [...]

Continue Reading →

How to Make an Abstract Heart Background

It’s the season of love once again! Create a special design for your loved one with this inspiring Valentine-themed background. This simple step-by-step lesson from ART-D of Adobetutorialz shows us how to make an abstract Valentine background with hearts using simple shapes and crosshatch brush, both found on Photoshop’s Custom Shapes Tool and Brush Tool. [...]

Continue Reading →

Page 9 of 19« First...«7891011»...Last »