Compressing your CSS once you are finished is a great way to optimize your code and make your CSS styles load faster. Make sure you keep a backup of your original stylesheet in case you want to make changes.

Skip the click, and speed up your work with these shortcuts. Makes Photoshop design much more faster than you expect. Save your design time by more than 1/4 ( One by Fourth or say 75%).
It's what I have felt as a web designer.
Here are those best power shortcuts, for web developer's performance built-up:

Access menus when in full screen mode

Press SHIFT + F and the file menu will appear at the top of the screen. 

To apply the last-used filter:
Press CTRL + F

Apply the last-used filter with new settings:
CTRL + ALT + F

Change Blending Modes without using the Layers palette

Select the marquee tool, and you can use these commands:

• Move to the next Blending Mode: ALT + SHIFT + "+"
• Move to the previous Blending Mode: ALT + SHIFT + "-"
• Jump to Dissolve: ALT + SHIFT + I
• Jump to Multiply: ALT + SHIFT + M
• Jump to Screen: ALT + SHIFT + S
• Jump to Overlay: ALT + SHIFT + O
• Jump to Soft Light: ALT + SHIFT + F
• Jump to Hard Light: ALT + SHIFT + H
• Jump to Colour Dodge: ALT + SHIFT + D
• Jump to Colour Burn: ALT + SHIFT + B
• Jump to Darken: ALT + SHIFT + R
• Jump to Lighten: ALT + SHIFT + G
• Jump to Difference: ALT + SHIFT + E
• Jump to Exclusion: ALT + SHIFT + X
• Jump to Hue: ALT + SHIFT + U
• Jump to Saturation: ALT + SHIFT + T
• Jump to Colour: ALT + SHIFT + C
• Jump to Luminosity: ALT + SHIFT + Y
• And of course the most important one...
• Jump to Normal: ALT + SHIFT + N

Change brushes without using the Brush palette
'[' or ']' keys

Change background outside an image

1. Select the Paint Bucket tool (G).


2. Select the colour you want to change the background to.


3. Move your cursor outside the bounds of the image, then press SHIFT + left click.

Change the opacity of a brush or layer
Simply use the number keys. For example, 1 will give you 10% opactiy, while 9 will give you 90% opacity (0 gives you 100%!).

Copy a layer

Hold ALT and click/drag on your canvas.

If you've got a selection, then CTRL + ALT and drag (within that selection) will copy and float the contents.

With no selection active, CTRL + ALT and drag will copy the contents of that layer to a new layer and drag it.

Create a clipping path without knowing how to use paths

1. Create two layers, one with a simple shape (a circle, for instance) and one with a picture.


2. Place the layer with the picture above the layer with the circle.


3. Holding down the ALT button, click the line that separates the two layers. You'll know you've got it right when the cursor changes to a left-facing arrow with two circles.

Create new Layers without using the Layers palette

You can do this in a number of ways:

• Press CTRL + SHIFT + N to open the "new layer" dialog box. This will allow you to name the layer at the same time you create it.
• Copy the current layer to a new layer: CTRL + J
• Copy the current layer to a new layer and name the layer: CTRL + ALT + J
• Copy the current selection to a new layer: CTRL + J
• Copy the current selection to a new layer and name the layer: CTRL + ALT

Fill layers or selections without the Paint Bucket
SHIFT + BACKSPACE.
ALT + BACKSPACE.

• To fill only the non-transparent pixels of an area with the Foreground colour, press ALT + SHIFT + BACKSPACE.
• To fill only the non-transparent pixels of an area with the Background colour, press CTRL + SHIFT + BACKSPACE.

Free up space on the scratch disk(for handling disk space)
It sounds silly, but if you create a really small file, say 1x1 pixel and save it as a PSD, then this will pull the chain and flush the scratch
choose EDIT > PURGE > ALL or
EDIT > PURGE > CLIPBOARD

Hide palettes and rulers
TAB key
Hide the marching ants
CTRL+H (but don't forget to put it back as soon as you can!)

Interact with Layers without using the Layers palette

There are several ways to do this.

To select a layer without the layers palette:

1. Position your mouse over the layer you wish to change to and press CTRL + right mouse button.


2. A menu of the layers will be displayed directly underneath the cursor ed.


3. Press CTRL + ALT + right mouse button, and the upper-most layer that has an object on it will be selected.

Note, in version 6, transparency (or opacity) lower than around 30% will prevent you from selection a layer with the second option.

To move layers without using the layers palette:

• Move a layer down one level, press CTRL + [
• Move a layer up one level, press CTRL + ]
• Move a layer to the bottom, press CTRL + SHIFT + [
• Move a layer to the top, press CTRL + SHIFT + ]

To select layers without using the layers palette:

• Select a layer down one level, press ALT + [
• Select a layer up one level, press ALT + ]
• Select the bottom layer, press ALT + SHIFT + [
• Select the top layer, press ALT + SHIFT + ]

Invert a selection

Press CTRL + SHIFT + I

Load Channels without using the Channels palette

press CTRL and 1, 2, 3, 4, etc.

hold down CTRL + ALT + [number]

Make 2 images the same size

1. Select one image.


2. Then select the Image Size dialogue box from the Image menu as normal. You'll notice that the Window menu as well as others (dependent on whether you're using a Mac or a PC) will still be available.


3. Select the Window menu and click the name of the second image from the bottom of the menu.


4. The dimensions in the Image Size dialogue box will now be identical to the second image.

Make Free Transform appear
Press Ctrl+T

Make selections without the Magic Wand
CTRL + click the layer

Paste images into a layer mask

On the image to be inserted:

1. Hit CTRL + A


2. Then press CRTL + C


3. Go to the layer where image will be inserted and ALT + click on its Mask


4. Then press CTRL + V


5. ALT + click on Mask again, to stop viewing the Mask

Also, click on the little link icon between the layer and its mask.

Preserve Transparency

Select the layer or layer group and press "/".

Sharpen with Blur Tool

Hold down ALT + Left Click and drag

Turn off Palettes -- except Tools

Press SHIFT + TAB

F2 - Crop

Make Selection and press F2

F3 - Stroke

selection  and press F3. 

F5 - Expand Selection

selection and F5

F6 - Contract Selection
selection of any shape and press F6. 

F7 - Gaussian Blur
selection of any shape and press F7. 

F8 - Rotate Canvas

Try this and add more performance in designing. Best of Luck, u are trying web developer techniques. Comments warmly welcomed, if any please.

If you like this post, don't forget to subscribe the newsletters and rss.