What are CSS sprites?

-
css-sprites-lead.png


CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image.

This technique can be very effective for improving site performance, particularly in situations where many small images, such as menu icons, are used. The Yahoo! home page, for example, employs the technique for exactly this


Further Reading

A List Apart published an article entitled CSS Sprites: Image Slicing's Kiss of Death which explains the concepts behind CSS sprites. If you're new to this technique we'd strongly suggest heading over to A List Apart and taking a look.


Comments

Post a Comment

Thanks


Warm regards,
Karthikeyan.T
tkarthikeyan@gmail.com
www.carthworks.com
Call us 09445 2772 06

Popular posts from this blog

உடல் அறிகுறிகள், வலிகள் மற்றும் அவற்றின் சிகிச்சைகள்: வீட்டு சிகிச்சைகள் மற்றும் அக்குபிரஷர் புள்ளிகள்

-
Image
பொதுவாக, எங்கள் வாழ்வில் பல்வேறு உடல் அறிகுறிகள் மற்றும் வலிகளை சந்திக்கிறோம். இங்கு சில பொதுவான உடல் அறிகுறிகள், அவற்றின் சிகிச்சைகள், வீட்டு சிகிச்சைகள் மற்றும் அக்குபிரஷர் புள்ளிகளைப் பற்றி விரிவாக பார்ப்போம்.  இந்த தகவல்கள் உங்களுக்கு உதவியாய் இருக்கும் என நம்புகிறேன்.   1. தலைவலி அறிகுறிகள்: தலைவலி, அழுத்தம், துடிப்பு சிகிச்சைகள்: - கடையில் கிடைக்கும் வலி நிவாரணி மருந்துகள் (இபுபுரோஃபென், அசிடமினோஃபன்) - இருண்ட, அமைதியான அறையில் ஓய்வெடுங்கள் - நீர் குடிக்கவும் - குளிர் அல்லது சூடான செருகிகள் வீட்டு சிகிச்சைகள்: - இஞ்சி தேநீர் அல்லது புது மிளகு தேநீர் குடிக்கவும் - புது மிளகு எண்ணெய் கொண்டு கன்னங்களை மசாஜ் செய்யவும் - ஆழமான சுவாச பயிற்சிகள் அல்லது தியானம் செய்யவும் அக்குபிரஷர் புள்ளிகள்: - ஹேகு (LI4): கை முனையில் thumb மற்றும் index finger இடையே உள்ள புள்ளி. - தாயாங்: இரண்டு கன்னங்களில் உள்ள புள்ளி. 2. தொண்டை வலி அறிகுறிகள்: வலி, கீறல், மூச்சுவிடுவதில் கடினம் சிகிச்சைகள்: - சூடான உப்பு நீர் கொண்டு குமிழிக்கவும் - தொண்டை லொசென்ஸ் - தேனுடன் சூடான தேநீர் - கடையில் கிடைக்கும்...
Read more

MySQL table and want to build a XML file with it in order to make a RSS feed.

-
<? php $dom = new DOMDocument() ; include "connection. php "; $queryz = "SELECT * FROM ticker"; $resultz = mysql_query($queryz) or die('Error, query failed'); $row = mysql_fetch_assoc($resultz); $ rss = $dom->createElement(' rss '); while($row = mysql_fetch_array( $resultz )) { $item = $dom->createElement("item"); $item->appendChild($dom->createElement("title", $row['item_title'])); $item->appendChild($dom->createElement("pubDate",$row['item_pubDate'])); $item->appendChild($dom->createElement("description",$row['item_description'])); $item->appendChild($dom->createElement("link",$row['item_link'])); $ rss ->appendChild($item); } $dom->appendChild($ rss ); $dom->save("myxml.xml"); OR <?php header('Content-Type: text/xml; charset=UTF-8'); $dom = new DOMDocument() ; ...
Read more

REST / AJAX calls from within a Jaggery script

-
Image
<% var mySecureToken = FnMakeRequestCall("https://10.299.99.99:8245/token","POST","Basic RlN4S2RrZEpNN3VaYWhHN0NFcEtlaTZEa3RzYTpXbmUxd29seHp2UTNSQ2RZbXhUUTJ2WkJTd0Fh","application/x-www-form-urlencoded; charset=UTF-8",""application/json; charset=utf-8","grant_type=password&username=pcsadmin&password=pcsadmin");  print(mySecureToken); function FnMakeRequestCall(URL, METHOD, BASICAUTH, CONTENTTYPE, ACCEPTTYPE, INPUTDATA){ if(BASICAUTH){ //var VarBasicAuthCode = util.FnCreateBasicAuthentication(VARSKYSPARKUSERNAME,VARSKYSPARKPASSWORD); var VarBasicAuthCode = session.get('authToken'); } xhr = new XMLHttpRequest(); xhr.open(METHOD, URL); if(BASICAUTH){ xhr.setRequestHeader("Authorization" , VarBasicAuthCode); } xhr.setRequestHeader("Content-Type", CONTENTTYPE); xhr.setRequestHeader("Accept", ACCEPTTYPE); xhr.send(INPUTDATA); var VarRes...
Read more