Quick Sprites is a Developer Tools app by Simone Tellini. Quick Sprites simplifies the creation and maintenance of CSS sprite sheets that enable you to optimize your websites. A sprite sheet is a single image that combines many smaller ones.
APK (Android Package Kit) files are the raw files of an Android app. Learn how to install quick-sprites.apk file on your phone in 4 Simple Steps:
Yes. We provide some of the safest Apk download mirrors for getting the Quick Sprites apk.
1. This means editing the sprited image to make room for the new assets, reorganizing its layout if you care about optimal performances, updating your CSS stylesheets… All this tedious work can be delegated to Quick Sprites, enabling you to focus on what's most important: creating interesting and beautiful websites.
2. If you never considered adding CSS sprites to your workflow because of the extra work involved in maintaining them, with Quick Sprites you won't have any excuse left not to optimize your websites.
3. Quick Sprites simplifies the creation and maintenance of CSS sprite sheets that enable you to optimize your websites.
4. Quick Sprites automatically packs your images so that the resulting sprite sheet uses the smallest possible area.
5. Quick Sprites can also further optimize the resulting image, saving extra bandwidth.
6. One of the biggest drawbacks in using CSS sprites during the development of a website is that it takes time to create the sprite sheets, and most importantly, keep them up-to-date.
7. CSS sprites help reduce the number of HTTP requests that the browser needs to do in order to load and render a web page.
8. Since the browser must to decompress the image in order to use it, the smaller its area, the less memory it'll need.
9. A sprite sheet is a single image that combines many smaller ones.
10. Indeed, when a site evolves you might need to replace some icons, add new ones or remove those you don't need anymore.
11. This is a valuable technique that will make your web pages faster and potentially gain a better ranking on search engines.
Apk Mirror 1: : Download APK
very nice tool for making CSS sprites.
This app would be okay, but it drains the color on images during output. It's most noticeable when you have images with non-transparent background because the background color won't match the underlying background color on the html element on your webpage, but it drains the foreground image colors as well. This makes the app pretty much useless :(
I've found using this app to be a pleasure, and a time-saver. For the benefit of anyone else using this app, I'm including here some tips I've developed in my own time using it. There are a couple limitations I've encountered: - automatic class names can only contain alphanumeric characters and "-" dash, no underscore - one cannot add space BETWEEN sprites, to guard against inaccurate background drawing (as when a browser is zoomed out) The first issue I've been able to work around by doing two things: - adapting my class/id naming conventions to use only "-" instead of "_" - use Regular Expressions to turn coded filenames into true CSS selectors (e.g. "-i-wrapper--c-icon-c-close-p-hover" becomes "#wrapper .icon.close:hover") I've made a solution for the second issue using the existing "margin" feature with 1px margin on all sprites, and a macro in Vim to shrink the sprites by 1px on each side. Once setting up this workflow, and saving my file, it's a simple matter to export my slices from Photoshop, named as the coded CSS selectors mentioned above, drag them into Quick Sprite, and use the new automatically generated CSS filtered through a few Regular Expressions. Thanks for the great tool, Simone. I look forward to its development.
This is a great app and totally worth the $8.99 I paid. It saves lots of time and has very nifty customizations. The optimizer is also nice - although not the best algorithm available. The only buggy behavior I've noticed is that when adding an image while the sprite is set to repeat x or y - the image overlaps an existing one. Switching repeat to "None" and then adding the image, then switching repeat back to x or y circumvented this symptom. All in all - Great job, author!
Needed it to work this way!
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|