본문 바로가기

반응형

Sprite

CSS 이미지 스프라이트(Image Sprite) CSS 이미지 스프라이트(Image Sprite) 이미지 스프라이트(image sprite)란 여러 개의 이미지를 하나의 이미지로 합쳐서 관리하는 이미지를 의미합니다. 웹 페이지에 이미지가 사용될 경우 해당 이미지를 다운받기 위해 웹 브라우저는 서버에 이미지를 요청하게 됩니다. 하지만 사용된 이미지가 많을 경우 웹 브라우저는 서버에 해당 이미지의 수만큼 요청해야만 하므로 웹 페이지의 로딩 시간이 오래 걸리게 됩니다. 이미지 스프라이트(image sprite)를 사용하면 이미지를 다운받기 위한 서버 요청을 단 몇 번으로 줄일 수 있습니다. 모바일 환경과 같이 한정된 자원을 사용하는 플랫폼(platform)에서는 웹 페이지의 로딩 시간을 단축해주는 효과가 있습니다. 또한, 많은 이미지 파일을 관리하는 대신 .. 더보기
[HTML] Stitches: HTML5 sprite sheet maker Stitches: HTML5 sprite sheet maker Stitches is an easy to use HTML5 sprite sheet generator. Just drag and drop images onto the app and it will generate both the sprite sheet and necessary CSS. Homepage: http://draeton.github.io/stitches/ GitHub: https://github.com/draeton/stitches Docs: http://draeton.github.io/stitches/stitches/doc/stitches.js.html HTML5 Sprite Sheet Generator http://draeton.gi.. 더보기
[CSS] 17 Best CSS Tools to Speed Up Your Coding 17 Best CSS Tools to Speed Up Your Coding http://codegeekz.com/best-css-tools-to-speed-up-your-coding/ CSS doesn’t need any introduction as it is one of the most popular language amongst developers. Learning and working with CSS is no more an arduous task as there are many informative tutorials and CSS tools are available over Internet. Such tools would lead you to create useful and innovative w.. 더보기
[Style] 15 Online HTML5 Tools for Web Designers 15 Online HTML5 Tools for Web Designersby Andy on October 10, 2012 Online HTML5 tools are quite useful for web designers who wants to forge ahead of the competition, and have more satisfied clients. It is of course important to follow developments and keep an eye on new tools that emerge. HTML5 is the new version of the markup language HTML that has been used for presenting and structuring onlin.. 더보기

반응형