Control re-sizing Textarea in Chrome, safari, and other web-kit browsers

We know web-kit browsers like Google Chrome and Safari displays textarea with re-sizable functionality. This is really a cool feature, but still it stinks in specific scenarios when resulting in layout collapse.

CSS 3 offers a solution:
we can stop resizing the textarea by the following CSS rule,

textarea {resize:none;}

Yes, resizing can be done for other elements also…

Further reading:

http://www.css3.info/preview/resize/
http://www.w3.org/TR/css3-ui/#resizing

All about CSS Sprites for Faster Web – Part 2

Application of CSS Sprites

For easy understanding lets go by a simple example. Image rollovers that are most common in a web page are once handled using JavaScript. Later the same was handled using simple CSS with Pseudo class :hover. Either when JavaScript is used or CSS Pseudo class is used, two images were required to obtain the rollover effect i.e., one image for normal state and one for the rollover state.

All about CSS Sprites for Faster Web – Part 1

Optimization on web page performance is a prime focus area of major importance when in it comes to cutting bandwidth costs and reducing download time. All attempts so far made were mainly concentrated in those techniques (C++, ASP, Database, JSP etc )that generate the HTML.

Finally IE8 is ready

IE8 is now ready to download. IE 8 comes with Compatible view that helps to view the site that looks good in IE7.

source: http://blogs.msdn.com/ie/archive/2009/03/19/internet-explorer-8-final-available-now.aspx

Acid3 test result: 20/100

Start HTML / CSS from here

Site point as usual publishes a great starting point for beginners to Learn HTML and CSS…