I have often wondered how to create 3D images of simple graphic images or photos that i have seen in many blogs and websites. Even examples of source code or screeshots of themes look amazing with 3d transformations.

Creating 3d transformations for your 2d images is nothing but projection at various anges (transformation) is amazingly simple with photoshop.

To use a 3d transform filter, you can use 3d transform tool or other third party plugins like shown below.

3D Transform tool

Just import an …

I was always searching for copyright free, open source icons and web graphics to use in my website. Most of them i got was authors demanding a small fee for icon usage.

I am documenting here a rare open source icon sets which are free for any usage. I believe that these icon graphics could be very useful for your website development.

Icojoy Web Development Icons

License: Free

FamFamFam Silk Icon Set

License: Creative Commons Attribution 3.0 License

Lullacons – Free GPL Icons

License: GPL

Web Control …

i have often seen images inside wordpress posts floating and text content would wrap around it. It wont be a nice sight seeing images stacked either to left or right.

Normally if you float: left all the text would wrap around image. But to remove the text flowing around image you have to specify float: none so that the image would stand alone and text would flow belo.

img {
float: none;
padding: 5px;
}

Try it! as float: left and clear: both didnt work …

How to design a rounded corner menu boxes in CSS?

Being a beginner in CSS coding, i have always struggled to design round corner
menu boxes in CSS. At last i found a very simple way to to accomplish this with
minimum lines of code in CSS. In this tutorial i am going to show you how to
design a round corner menu box with header. You will need photoshop to slice
images and a CSS editor.

Objectives

To …

CSS as we go deeper and deeper it gets harder and harder to understand, especially margins, padding and floats could be confusing at times as well. I am going to post here the tutorial to make a very simple CSS website layout (skeleton) with

- Container
- Header
-Top Navigation Menu
- Left Navigation Menu
- Right Navigation menu
- Content Part
- Footer

All elegantly stacked one by one with divs and with css stylesheet. This is a very basic skeleton. The most important css code …