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.
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.
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.
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.
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.
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
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.
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.
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
Learn how to set up an Apache server to handle custom file extensions.
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!
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
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).
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.
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.
A detailed, in depth jQuery, XML tutorial on how to build an awesome slider that handles images, video and full HTML.
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.
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.
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.
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.