Enter your contact information.
Enter your project information.
Step 3Choose the PHP programmers you want to hire.
Compare Free PHP Quotes
Create Image Sprites the Easy Way
*Attention PHP Programmers* - Add A Free Listing! Get more clients.
If you’ve ever used Google’s Page Speed or Yahoo’s YSlow to optimize your website chances are you’ve seen a suggestion to “use CSS sprites.” CSS sprites reduce HTTP requests by combining multiple images into a single file which you can then display throughout your page, positioning it as need with the CSS background-position property.
Typically sprites are used for small images — like icon sets or small logo images — though you can use them for larger images as well.
The only problem with sprites is that creating them can be a hassle, particularly if you need a rather large sprite, say all the icons in an online game. Opening dozens of tiny icon images and pasting them into a single document is time-consuming. Fortunately there’s the CSS Sprite Generator, which takes a zipped file of all your images and gives you a single image sprite.
The CSS Sprite Generator even has options to fix a bug in older version of Opera, resize the width and height of the input images and generate CSS classes to apply your sprites to the right elements.
See Also:
- Google Page Speed Now Works in any Web Browser
- Yahoo’s YSlow Page Speed Tool Now Available for Chrome
- How to Speed Up Your Site With YSlow and Page Speed
Tue, 07 Jun 2011 16:00:29 GMT
Tags: CSS, Web Basics,
*Attention PHP Programmers* - Add A Free Listing! Get more clients.
CSS
The Future of CSS: Finally, Sane Layout Tools
Woolly, the CSS sheep. HTML5 and CSS 3 offer web designers new semantic tags, fancy animations, server-side fonts and much more, but that’s not the end of the story. The next major development in web design will likely revolve around one of the thi
Quickly Create CSS 3 Animations with ‘Ceaser’
CSS 3 has some awesome new animation capabilities for web developers — rotating objects, fading them in and out and more — but writing the code is a bit more complicated than most CSS rules. To make your animating job a bit easier, developer M
Simplify Your Stylesheets With CSSPrefixer
Woolly, the CSS sheep. CSS 3 has some awesome new features, like 3D transforms, smooth transitions, border images and gradients. Since most browsers already support these features there’s no reason you can’t use them today, provided you grac
Web Basics
Yahoo’s YSlow Page Speed Tool Now Available for Chrome
Every web developer wants to speed up their site, and Yahoo’s YSlow plugin for Firefox is a great way to find out what’s slowing your pages down. Now, Yahoo has announced YSlow for Chrome, which brings all the goodness of YSlow to Google’
Google Page Speed Now Works in any Web Browser
Google’s Page Speed tool is a great way to find out how you can speed up your website, and now Google has released a version that works in any browser as an easy-to-use online service. The new Page Speed Online couldn’t be simpler — just
Decoding Web Fonts With ‘What Font’
Designers have been bemoaning the state of typography in the browser since the dawn of the web. However, CSS 3 and the @font-face rule go a long way toward improving your font options. Throw in tools like lettering.js and easy-to-use font services like Ty
IceStar Media are a successful team of website designers, IT consultants and software programmers who have a proven track record in designing and delivering reliable business applications and websites
Stevenage, England GB
Technicate Solutions, Inc. is a fast-growing IT Consulting firm servicing the Sacramento area and beyond. We combine innovative technologies with business savvy to make successful projects happen.
Sacramento, California US
Hack Swaps Google’s Search Plus Your World Results for the Wider Social Web
Developers at Twitter, Facebook and MySpace have put together a demonstration of just how much relev
Yahoo Plans Support for ‘Do Not Track’ Web Privacy Tool
This summer, Yahoo will start offering visitors an easier way to protect their privacy. Using tools
Mozilla Builds Video Chat App Using Nothing but Web Standards
Mozilla is showing off a demo of what web-based video calls might look like. The entire app is built
Multiplayer Asteroids, Sans Asteroids
A massive, multiplayer online version of Asteroids turned out to be an April Fool's prank, but the i
Titanium Mobile Android Development: Soundboard App
In this series of tutorials we use Appcelerator’s Titanium Mobile platform to create Android appl
Article Tags
PHP Programmers Articles
Live Help Chat Software
Web Design Quote
Web Design