Archive for the ‘CSS’ category

20+ Clean Soft Elegant Beautiful Web2.0 XHTML DIV Websites

November 1st, 2009 Posted in CSS, Inspiration, Laboratory, Web Design 1 comment »

1. EFRUD

Future of Web Design CSS3 Techniques – Tips and Tutorials

November 1st, 2009 Posted in CSS, Laboratory, Tutorials 7 comments »

Today we (web designers) know how to impress our clients. First of all we design some excellent web designs for our clients. They like them also. But when it comes to HTML/CSS, we all have faced problems.

In the matter of designing we all know that there is not much restrictions. But in HTML/CSS it is difficult to implement some designs. Then comes browser compatibility, w3c validation etc.

We all know what WEB 2.0 is. And now-a-days most of the clients want WEB 2.0 style in their design.

WEB 2.0 means rounded corners, drop shadow, gradients, transparency (opacity), text shadow.

We can implement all this things in our design easily with the Help of THE ONE AND ONLY ADOBE PHOTOSHOP

And when its comes to HTML/CSS we have use the design (WEB 2.0 techniques – means rounded corners, drop shadow, gradients, transparency (opacity), text shadow) as image source in css background or img src.

And when we use images we the html page also gets heavier. The client complains about file size optimization. I think all the web designer have gone through this problems a lot of times. I have !!

With the help of CSS3 we can give rounded corners, drop shadow, gradients, transparency (opacity), text shadow to our html/css with the help of image files.

In this article I am going to showcase all the CSS3 technique in detail.