The Mystery Of CSS Sprites: Techniques, Tools And Tutorials | CSS | Smashing Magazine
The Mystery Of CSS Sprites: Techniques, Tools And Tutorials | CSS | Smashing Magazine.
CSS Sprites are not new. In fact, they are a rather well-established technique and have managed to become common practice in Web development. Of course, CSS sprites are not always necessary, but in some situation they can bring significant advantages and improvements — particularly if you want to reduce your server load. And if you haven’t heard of CSS sprites before, now is probably a good time to learn what they are, how they work and what tools can help you create and use the infamous technique in your projects.
Read the full article at Smashing Magazine, it contains a ton of links regarding CSS-Sprites, check them out, after that you should have a fair understanding of what it is, and you will be able to optimize your site, which will load faster and also saves a lot [Continue... ]
IE textarea background image problem
Internet Explorer has a problem in setting background image to textarea, the scrolling mechanism as implemented by the browser is buggy while all other browsers handle it properly, IE fails naturally . The problem is if you set a background image to textarea and when you scroll the textarea the background image also scrolls, this behavior is incorrect because as far as I can recall an element background should only scroll with regards to the viewport. The easiest way to reproduce this bug is to use a vertical “sprite” image as the textarea background and set background-repeat to “no-repeat“, background-attachment to “scroll“, also apply position values to display part of image and try to enter multiline text in the box you can see the bug in IE. The only fix is that to set the background-attachment value to “fixed” which eventually solves the problem. This problem may be present [Continue... ]