How to Create Reusable Button Classes with Background Images and CSS

Especially with ecommerce, creating buttons as individual images can be time consuming and inefficient. This tutorial shows how to use a single image to create a reusable button class that be applied everywhere.

direct link
----------------

5 Top jQuery Chart Libraries for Interactive Charts

In this article we are going to present 5 chart libraries that suit different needs from simple charts to high complex charts. Most of them are free for personal and commercial use.

direct link
----------------

MicroTut: Getting And Setting Cookies With jQuery & PHP

There are two ways to work with cookies – server side PHP, ASP etc and client side JavaScript. In this MicroTut we are going to take a look at how cookies are created and read in both PHP and JavaScript.

direct link
----------------

How to Create Super Fast Retweet, Delicious and Facebook Share Widgets

How to create custom retweet, delicious save and facebook share widgets (with share / save count in plain text) using PHP, so your pages load with lightening fast speed.

direct link
----------------

Letterpress Text Effect Using Photoshop and CSS

So here today we will learn how to achieve Letterpress effect with photoshop and also with Css and in the end of this tutorials we have also collected some tutorials on Letterpress around design community.

direct link
----------------

Ten Biggest Web Design Mistakes

1. Overloading the site: Having too many ads and images on a page will make your site distracting and unattractive.
You shouldn’t fill every empty space, having a white space or two will make a better overall impression. For example, scanning a webpage is harder if every paragraph is interrupted with ads and images. Empty areas

direct link
----------------

How to Build a Lava-Lamp Style Navigation Menu

A couple weeks ago, I created a screencast that demonstrated how to build a three-level navigation menu. In a response email, one of our readers requested a tutorial on how to build a lava-lamp style menu. Luckily, it’s quite a simple task, especially when using a JavaScript library. We’ll build one from scratch today.

direct link
----------------

Fixed Fade Out Menu: A CSS and jQuery Tutorial

The aim is to have a fixed navigation that follows the user when he scrolls, and only subtly showing itself by fading out and becoming almost transparent. When the user hovers over it, the menu then becomes opaque again.

direct link
----------------

CSS Technique: Morning Sunset

After coming across an excellent article on generating full page images, I had the idea that it would be cool to blend between multiple images as a user scrolled down the page. The somewhat artistic conceit that a user could scroll a similar scene from morning to sunset, ironically came to me at sunset on Saturday and was finished by morning

direct link
----------------

How to Map Custom Server File Extensions

Learn how to set up an Apache server to handle custom file extensions.

direct link

Create a Clean and Classy Web Design in Photoshop

In this web design tutorial, you will learn how to create an elegant and professional web layout using Photoshop, relying on basic tools such as shape tools and layer styles. We have included a working downloadable template that you can download and use in any way that you like, free of charge!

direct link
----------------

Brand Spankin’ New Google Chrome Extensions You Should Be Trying

The following extensions are no more than a few weeks old, and thus, it’s highly unlikely that you’ve seen them yet unless you have no life, like me. Keep in mind that since these are brand new, some of them may have bugs here and there. The good thing, though, is that extensions from the gallery automatically update in the background without the need to restart the browser, and extension developers are usually more receptive to adding/removing/fixing features when their extension is newly released

direct link
----------------

Create URL Shortener For Twitter Using PHP

Hello, today I am going to go through how to build a custom URL shortener. Why have your own? Because then you are advertising yourself not another service like tinyurl.

A URL shortener is a nice way to send incredibly long links. It also helps when writing Tweets on Twitter (something I do a lot).

direct link
----------------

5 Can’t-Miss Usability Tips for Mobile Website Designs

We’re going to cover a few simple, yet prominent steps to designing a much more effective interface and increasing the quality of a mobile websites usability.

direct link
----------------

5 Things That Can Make (or break) A Killer Website Design

There’s things you should (and shouldn’t) be doing during your website design process. Regardless of the size of each item on the list, each has a huge impact when you look at the bigger picture.

direct link
----------------

Make Your Own jQuery Slider Using XML

A detailed, in depth jQuery, XML tutorial on how to build an awesome slider that handles images, video and full HTML.

direct link
----------------

Create A Floating Navigation Using HTML, CSS and jQuery

As we were saying, jQuery is a powerful tool to use if you want to create a website. So I made this tutorial in which I will show you how to create a minimalist floating navigation using jQuery HTML and CSS of course.

direct link
----------------

Flipping Elements with CSS3 and MooTools

This is a pseudo way to flip HTML elements on their backs. This is a way of doing it now without waiting for a possible introduction of 3D Transforms from WebKit.

direct link
----------------

Understanding Style Precedence in CSS: Specificity, Inheritance, and the Cascade

A better understanding of which css styles take precedence can lead to less frustration with css, cleaner code, and more organized css. This post looks at css rules of specificity to help you know which css rule will apply to a given html element.

direct link
----------------

5 Advanced CSS Pseudo Classes that will Save your Day

In today’s article I’m going to take a look at 5 pseudo-classes that will simplify our design process and reduces a lot of time to create a certain visual effects. You will also find demonstration below each point to demonstrate how we can use these selectors in different design scenario you face everyday in your designing process.

direct link