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.

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.

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

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.

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.

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

How to Map Custom Server File Extensions

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

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!

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

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).

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.

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.

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.

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.

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.

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.

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.

iPad Application Design

I held a 6-hour workshop at NSConference in both the UK and USA recently, focusing on software design and user experience. Predictably, an extremely popular topic was the iPad, and how to approach the design of iPad applications. I gave a 90-minute presentation on the subject to start each workshop, and I want to share some of my observations here.

HTML 5 Video Timeline with MooTools

How to develop a time slider for HTML 5 Video playback with MooTools.

A jQuery Flickr Feed Plugin

Quickly add images to a page from any flickr feed. The plugin allows any markup thanks to a simple templating language. It is also extensible and integrates well with lighbox and cycle plugins.