Meta tags:
description= A tool for generating image sprites and CSS for your web site. Using this tool can help you dramatically reduce the number of HTTP requests made for higher performance.;
keywords= css sprites, css, sprites, sprite, tool, generate, http requests, http, request;
Headings (most frequently used words):
css, what, are, sprites, sprite, generator, gotchas, further, reading, opera, safari,
Text of the page (most frequently used words):
#converter (33), css (14), #formatter (11), the (10), hex (10), #json (10), #generator (10), xml (10), html (9), #binary (9), #image (7), #decimal (6), octal (6), csv (6), #this (6), are (5), sprites (5), for (5), and (5), hash (4), entities (4), #sprite (4), string (4), minify (3), can (3), javascript (3), tool (3), background (3), images (3), encode (3), beautifier (3), sha (3), color (3), tsv (3), technique (3), editor (3), tags (2), than (2), 2042px (2), rgb (2), online (2), creating (2), data (2), used (2), site (2), what (2), remove (2), strip (2), validator (2), escape (2), unescape (2), base64 (2), decode (2), position (2), dan (2), page (2), new (2), value (2), apart (2), tools (2), opera (2), list (2), safari (2), 512, slicing, formatters, url, look, 256, taking, kiss, md5, over, decoders, heading, suggest, strongly, obfuscate, python, perl, specifying, user, manuals, default, router, settings, down, email, internet, php, solved, easily, fortuantely, reading, further, death, sql, ruby, counter, word, version, htaccess, website, speed, test, timestamp, published, explorer, regex, testing, diff, app, fonts, codes, playground, web, dev, from, toggle, navigation, icon, ico, which, you, behind, strings, concepts, explains, size, favicon, unit, numbers, convert, files, entitled, article, conversion, keyword, large, join, bugs, problem, reached, there, has, couple, really, annoying, browser, watch, vertical, out, when, gotchas, very, effective, improving, configurable, performance, particularly, limit, time, situations, using, won, recognise, far, greater, least, smaller, that, each, boundary, instead, repeating, takes, care, with, columns, within, output, where, login, elements, defined, coorindates, having, assigned, generated, relevant, property, one, then, shift, visible, area, required, component, horizontal, enough, larger, into, many, home, small, such, menu, icons, example, employs, exactly, yahoo, offset, combined, way, reduce, number, http, requests, made, resources, referenced, your, code,
Text of the page (random words):
css sprite generator editor and code toggle navigation css sprite generator from dan s tools web dev html js css playground html color codes css fonts online diff tool htaccess generator regex testing rgb hex color explorer rgb to hex color converter timestamp converter website speed test favicon ico app icon generator online image editor css sprite generator keyword tool conversion data csv to html converter csv to json converter csv to tsv converter csv to xml converter json to csv converter json to html converter json to tsv converter json to xml converter xml to csv converter xml to html converter xml to json converter xml to tsv converter convert files numbers binary converter binary to decimal converter binary to hex converter binary to octal converter unit converter decimal to binary converter decimal to hex converter decimal to octal converter hex to binary converter hex to decimal converter hex to octal converter data size converter octal to binary converter octal to decimal converter octal to hex converter strings binary to string converter hex to string converter html entities escape html entities unescape string to binary converter string to hex converter strip and remove html tags strip and remove xml tags word counter xml entities escape xml entities unescape encode decoders base64 decode base64 encode md5 hash generator sha 1 hash generator sha 256 hash generator sha 512 hash generator url encode decode formatters css formatter go formatter html beautifier formatter javascript formatter javascript obfuscate json formatter beautifier json editor json validator perl formatter php formatter python formatter ruby formatter sql formatter xml formatter beautifier css minify javascript minify json minify internet email validator is it up or down default router settings user manuals what is my ip join login css sprite generator what are css sprites 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 gotchas there are a couple of really annoying browser bugs to watch out for when creating css sprites opera opera at least as far as version 9 0 won t recognise a background position greater than 2042px or smaller than 2042px using that boundary value instead the tool takes care of this by creating new columns within the image output each time the vertical limit is reached safari safari has a problem with repeating background images fortuantely this can be easily solved by specifying a large enough horizontal offset value configurable 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 dan s tools
|