One technique that can improve web performance is by using CSS sprites. CSS sprites allows you to create a single file that contains all images laid out in a grid.
By this technique, allowing to improve pages load time and save bandwidth. Very useful for web that use many images or icons.
In this post, I've compiled some CSS image sprites tutorials with tools.
I hope these lists can help your problem in improving your web's performance.
Please enjoy it. Here are :
CSS Image Sprites Generators
- SpriteMe! : I think...SpriteMe makes spriting easy, without having to do CSS sprites.
- Spritemapper : Spritemapper is an application that merges multiple images into one and generates CSS positioning for the corresponding slices.
- Spritebox : Spritebox is a WYSIWYG tool to help web designers quickly and easily create CSS classes and IDs from a single sprite image.
CSS Image Sprites Tutorials and Tips
- CSS Image Sprites by W3Schools
- Creating easy and useful CSS Sprites by Ignacio Ricci
- Building Faster Websites with CSS Sprites by by Alexis Brille
- Exactly How to Use CSS Sprites (Video ) by Andres Fernandez
- Use Sprites to Create an Awesomeness-Filled Navigation Menu by Abhin Sharma
- How to Use CSS Sprites (Video) by Chris Coyier
- How to Create a CSS Menu Using Image Sprites by Chris Spooner
- How to Make a CSS Sprite Powered Menu by Zach Dunn
- Sponsor list with CSS Sprites and Mootools 1.2 by Jeremie Tisseau
- How to Use CSS Sprites in Fireworks and Dreamweaver by Tom Green
- CSS Sprite Map in Adobe Fireworks by Xavi Esteve
- CSS Sprites Menu for Wordpress - Photo Sprites Menu by Yorgo Nestoridis
- Use CSS Sprites to Beautify your WordPress Post Dates by Todd Santoro, Editorial Staff at WPBeginner
How do you think?
Glad to hear your opinion. Please who would like to add. Thank you.
Happy freelancing, keep working, keep your health, and good luck for all! :)
image by pietrogaiao
If this means that you have to use tables as needed to ensure cross browser compatibility, then so be it. In my opinion, it is not a sin to use tables to create a basic site skeleton and then use CSS to decorate and organize the content within. I have had much greater success with this approach and my sites' layouts stand fast regardless of the browser.
ReplyDeletecss jobs