Skip to main content

Home/ Web Development, Design & Programming/ Group items tagged sprites

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Aline Ohannessian

Free CSS Sprite Image Generators | Design Marketing Advertising Free Tips - 8 views

www.designmarketingadvertising.com/...ee-css-sprite-image-generators

css sprites dma artwave design CSS Sprite Generator

shared by Aline Ohannessian on 08 Jan 11 - No Cached
  • Aline Ohannessian on 08 Jan 11
     
    .."4 awesome CSS Sprite image generators, all free and extremely useful when designing your next website.."
Vernon Fowler

SpriteMe - 0 views

spriteme.org

css sprites webdesign tools sprite performance optimization generator round-trip times browser rendering web design

shared by Vernon Fowler on 17 Nov 09 - Cached
  • Vernon Fowler on 22 Aug 11
     
    Background images make pages look good, but also make them slower. Each background image is an extra HTTP request. There's a fix: combine background images into a CSS sprite. But creating sprites is hard, requiring arcane knowledge and lots of trial and error. SpriteMe removes the hassles with the click of a button.
Vernon Fowler

Best Practices for Speeding Up Your Web Site - 1 views

developer.yahoo.com/...rules.html

performance best practices web web site site webdesign web design

shared by Vernon Fowler on 09 Sep 12 - No Cached
  • Arranging the images in the sprite horizontally as opposed to vertically usually results in a smaller file size. Combining similar colors in a sprite helps you keep the color count low, ideally under 256 colors so to fit in a PNG8. "Be mobile-friendly" and don't leave big gaps between the images in a sprite. This doesn't affect the file size as much but requires less memory for the user agent to decompress the image into a pixel map. 100x100 image is 10 thousand pixels, where 1000x1000 is 1 million pixels
  • Minification is the practice of removing unnecessary characters from code to reduce its size thereby improving load times. When code is minified all comments are removed, as well as unneeded white space characters (space, newline, and tab). In the case of JavaScript, this improves response time performance because the size of the downloaded file is reduced.
  • Many web sites fall in the middle of these metrics. For these sites, the best solution generally is to deploy the JavaScript and CSS as external files. The only exception where inlining is preferable is with home pages, such as Yahoo!'s front page and My Yahoo!. Home pages that have few (perhaps only one) page view per session may find that inlining JavaScript and CSS results in faster end-user response times. For front pages that are typically the first of many page views, there are techniques that leverage the reduction of HTTP requests that inlining provides, as well as the caching benefits achieved through using external files. One such technique is to inline JavaScript and CSS in the front page, but dynamically download the external files after the page has finished loading. Subsequent pages would reference the external files that should already be in the browser's cache.
  • ...1 more annotation...
  • CSS Sprites are the preferred method for reducing the number of image requests. Combine your background images into a single image and use the CSS background-image and background-position properties to display the desired image segment.
Moses Aaron

2015's Top 10 Free Pixel Art Tools To Develop Sprites For Your HTML5 Games - 0 views

www.mobiletechforce.com/...xel-tools-for-your-html5-games

free html5 Tools

shared by Moses Aaron on 02 Jul 15 - No Cached
  • Moses Aaron on 02 Jul 15
     
    So, you are searching for Free Pixel Art Tools to build finest Sprites For Your HTML5 Games? Don't worry. Here, we have collected 10 best Pixel Art tools that help you to develop sprites for HTML5 games without any hassle. Check it out and use now.
Sassie Porche

Cut down page load speed by using CSS Sprites - PSD to HTML, PSD to WordPress... - 0 views

www.htmlguys.com/oad-speed-by-using-css-sprites

CSS Website Development

shared by Sassie Porche on 14 Oct 14 - No Cached
  • Antonnette Mira on 14 Oct 14
     
    The advantage of CSS Sprite is to lessen the HTTP requests by the browser when downloading images; because the lesser the requests the better and faster the page loads.
  • kevin_brylle on 15 Oct 14
     
    The advantage of CSS Sprite is to lessen the HTTP requests by the browser when downloading images; because the lesser the requests the better and faster the page loads.
  • Sassie Porche on 16 Oct 14
     
    The advantage of CSS Sprite is to lessen the HTTP requests by the browser when downloading images; because the lesser the requests the better and faster the page loads.
Luciano Ferrer

Stitches - An HTML5 sprite sheet generator - 2 views

draeton.github.com/stitches

sprite generator css jquery

shared by Luciano Ferrer on 01 Mar 12 - No Cached
  • Luciano Ferrer on 01 Mar 12
     
    "Drag and drop image files into the space below and click "Generate" to create a sprite sheet and stylesheet"
1 - 14 of 14
Showing 20▼ items per page