27 Best Photoshop Web Layout Design Tutorials to Design Decent Web Layouts

For beginner web designers – design tutorials really help to understand the basic knowledge about web design!, Here is a collection of 27 layout design tutorials that will help you with designing a decent looking website. Some of them are really good!,

Use seclection in css

Something cool that you can do using just CSS is change the selection color when you are range selecting content.

Create custom hash.

I refer use crypt() instead md5 or sha256, because of crypt proviced many hash method and key to decode is automatic created -> hard to crack.

Make auto scroll when page scroll

Link demo 
Technique: auto scroll follow window scroll top and set margin-top for scroll element.

How to speed up your website ?

Minimize HTTP Requests

tag: content

80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, stylesheets, scripts, Flash, etc. Reducing the number of components in turn reduces the number of HTTP requests required to render the page. This is the key to faster pages.

Detect load image when change image source

It's useful when you change image source such as photo slider, when you click thumbnail image, you can show the larger image.

Create multi background by css3

CSS3 allows web designers to specify multiple background images for box elements, using nothing more than a simple comma-separated list.