[B! css sprites] cyokodogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

cyokodog id:cyokodog

css spritesã«é–¢ã™ã‚‹cyokodogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚’ç”Ÿæˆã™ã‚‹ã€Œgrunt-spritesmithã€
CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚’ç”Ÿæˆã™ã‚‹ã€Œgrunt-spritesmithã€ grunt-spritesmithã¯CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚’ç”Ÿæˆã™ã‚‹Gruntãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã§ã™ã€‚ Gruntã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¯ã€ŒGruntã§å§‹ã‚ã‚‹Webåˆ¶ä½œã®è‡ªå‹•åŒ– - to-Rã€ã‚’å‚ç…§ã«ã€‚ grunt-spritesmithã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯ä»¥ä¸‹ã®ã‚³ãƒžãƒ³ãƒ‰ã§ã™ã€‚ npm install grunt-spritesmith --save-dev Gruntfile.jsã®å†…å®¹ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ã—ã¾ã™ã€‚srcã§å€‹åˆ¥ã®ç”»åƒã‚’ç½®ããƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’ã€destCSSã§é–¢é€£ã™ã‚‹CSSã‚’æ›¸ãå‡ºã™ãƒ•ã‚¡ã‚¤ãƒ«å(Sassã‚„Lessã€Stylusã§ã‚‚OK)ã‚’ã€destImgã§çµåˆã—ãŸã‚¹ãƒ—ãƒ©ã‚¤ãƒˆç”»åƒã®ãƒ•ã‚¡ã‚¤ãƒ«åã‚’æŒ‡å®šã—ã¾ã™ã€‚ module.exports = function(grunt) { //ã‚°ãƒ©ãƒ³ãƒˆã‚¿ã‚¹ã‚¯ã®è¨å®š grunt.initConfig({ spr
cyokodog 2014/04/07
css sprites

grunt
ãƒªãƒ³ã‚¯
Webãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºé€Ÿåº¦ã‚¢ãƒƒãƒ—ã«æ¬ ã‹ã›ãªã„CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚’è¶…ç°¡å˜ã«ä½œæˆã—ã¦ãã‚Œã‚‹ã‚µã‚¤ãƒˆã€ŒSpriteMachineã€
Webãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºé€Ÿåº¦ã‚’ã‚¢ãƒƒãƒ—ã™ã‚‹ãŸã‚ã«ã€ã‚¢ã‚¤ã‚³ãƒ³ã‚„ãƒã‚´ãªã©ã®ç”»åƒã‚’1æžšã«ã¾ã¨ã‚ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€‚ãã‚ŒãŒã€ŒCSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã€ãªã®ã§ã™ãŒã€ã“ã‚Œã£ã¦ç”»åƒã®ä½œæˆã¨ã‹ä½ç½®ã®æŒ‡å®šã¨ã‹è‰²ã€…ã¨é¢å€’ãã•ã„ã‚“ã§ã™ã‚ˆãã€‚ ãã‚“ãªCSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã™ã‚‹ãŸã‚ã®Webã‚µã‚¤ãƒˆSprit eMachineã®ã”ç´¹ä»‹ã€‚ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆãƒžã‚·ãƒ¼ãƒ³â€¦ã™ã”ãâ€¦ã‚¤ã‚¤åå‰ã§ã™â€¦ imgã‚’åœ§ç¸®ã—ã¦ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã ã‘ ã‚µã‚¤ãƒˆã«è¨ªã‚ŒãŸã‚‰ã¾ãšã¯ç”»åƒé…ç½®ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨åãå‡ºã™ã‚³ãƒ¼ãƒ‰ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã‚’æ±ºã‚ã¾ã™ã€‚ ã¡ãªã¿ã«ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯CSSã ã‘ã§ã¯ãªãã€SCSSã‚„SASSã‚‚é¸æŠžå¯èƒ½ã§ã™ã€‚ æ¬¡ã«ã€CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã«ã™ã‚‹ç”»åƒã‚’ã²ã¨ã¾ã¨ã‚ã«ã—ã¦ã€ãã®ãƒ•ã‚©ãƒ«ãƒ€ã‚’åœ§ç¸®ã€ZIPãƒ•ã‚¡ã‚¤ãƒ«ã«ã—ã¾ã—ã‚‡ã†ã€‚ ãã—ã¦ãã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¸Šã®å ´æ‰€ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã¨â€¦ è‡ªå‹•çš„ã«ã€Œsprit emachineã€ã¨ã„ã†ãƒ•ã‚©ãƒ«ãƒ€ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã‚Œã¾ã™:) ãƒ•ã‚©ãƒ«ãƒ€ã®ä¸èº«ã¯pngç”»åƒã¨c
cyokodog 2013/01/17
css sprites
ãƒªãƒ³ã‚¯
imgè¦ç´ ã§CSS Spriteã™ã‚‹æ–¹æ³•
ã€ŒCSS Spriteã€ã¯èƒŒæ™¯ç”»åƒãªã©ã®è¤‡æ•°ã®ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã²ã¨ã¤ã®ç”»åƒã«ã¾ã¨ã‚ã¦ã€ç”»åƒã®ä¸ã‹ã‚‰è¡¨ç¤ºã•ã›ãŸã„éƒ¨åˆ†ã®åº§æ¨™ã‚’background-positionãƒ—ãƒãƒ‘ãƒ†ã‚£ã§æŒ‡å®šã™ã‚‹ã¨ã„ã†æ‰‹æ³•ã§ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã®HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆæ•°ã‚’æ¸›ã‚‰ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã®æ‰‹æ³•ã¯èƒŒæ™¯ç”»åƒã§ã®åˆ©ç”¨ãŒä¸€èˆ¬çš„ãªã®ã§ã™ãŒã€imgè¦ç´ ã§ã‚‚åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ãªã®ã§ã€æœ¬ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ç´¹ä»‹ã—ã¾ã™ã€‚ æœ¬ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ã€æ¬¡ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒœã‚¿ãƒ³ç”¨ã®4ã¤ã®ç”»åƒã‚’1ã¤ã«ã¾ã¨ã‚ã¦ã€CSS Spriteã‚’è¡Œã£ã¦ã¿ã¾ã™ã€‚ èƒŒæ™¯ç”»åƒã®å ´åˆã¯background-positionãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã•ãã£ã¨è¡¨ç¤ºã§ãã‚‹ã®ã§ã™ãŒã€imgè¦ç´ ã¨ã—ã¦è¡¨ç¤ºã•ã›ã‚‹ã®ã«ã‹ãªã‚Šè‹¦åŠ´ã—ã¾ã—ãŸã€‚ã¨ã„ã†ã“ã¨ã§ã€ã‚³ãƒ”ãƒšã§ä½¿ãˆãã†ãªã‚µãƒ³ãƒ—ãƒ«ã‚‚ç”¨æ„ã—ã¾ã—ãŸã€‚ ã€Œãã†ã„ã†å ´åˆã€èƒŒæ™¯ç”»åƒã«å¤‰æ›´ã™ã‚‹ã®ãŒæœ¬æ¥ã§ã¯ï¼Ÿã€ã¨ã„ã†ãƒ„ãƒƒã‚³ãƒŸã¯ãªã—ã§ãŠé¡˜ã„ã—ã¾ã™ï¼ˆç¬‘ï¼‰ã€‚
cyokodog 2012/06/11
css sprites
ãƒªãƒ³ã‚¯
CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆç”¨ã®ç”»åƒã¨CSSã‚’è‡ªå‹•ã§ä½œæˆã—ã¦ãã‚Œã‚‹WEBã‚µãƒ¼ãƒ“ã‚¹ | Webæ´»ãƒ¡ãƒ¢å¸³
ã¡ã‚‡ã£ã¨ä¾¿åˆ©ã‹ã‚‚ã¨æ€ã£ãŸã®ã§ã”ç´¹ä»‹ã€‚ CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆç”¨ã®ç”»åƒä½œæˆã£ã¦ä»¥å¤–ã¨æ‰‹é–“ãŒã‹ã‹ã‚Šã¾ã™ã‚ˆãã€‚ æœ¬æ—¥ç´¹ä»‹ã™ã‚‹ã€ŒSprit eMeã€ã¨ã„ã†ã‚µã‚¤ãƒˆã¯ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆã‹ã‚‰CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆç”¨ã®ç”»åƒã¨CSSã‚’æ›¸ãå‡ºã—ã¦ãã‚Œã‚‹WEBã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆã‹ã‚‰å®Ÿè¡Œå¯èƒ½ ä»¥ä¸‹ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆã‚’ä½¿ç”¨ã™ã‚‹äº‹ã§ã€å¥½ããªã‚µã‚¤ãƒˆã§CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆç”¨ã®ç”»åƒã‚’ä½œæˆã™ã‚‹äº‹ãŒå¯èƒ½ã«ãªã£ã¦ã„ã¾ã™ã€‚ Sprit eMeãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆ ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã‚’å®Ÿè¡Œã™ã‚‹ã¨ã€ç”»é¢ã«ä½¿ç”¨ã—ã¦ã„ã‚‹ç”»åƒã®ä¸€è¦§ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ è©¦ã—ã«å½“ã‚µã‚¤ãƒˆã§å®Ÿè¡Œã—ã¦ã¿ãŸæ‰€ã§ã™ã€‚ make spriteãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒªãƒ³ã‚¯å…ˆãŒæ›¸ãæ›ãˆã‚‰ã‚Œã‚‹ã®ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ä½¿ç”¨ã™ã‚‹äº‹ãŒã§ãã¾ã™ã€‚ ã¡ãªã¿ã«ã§ã™ãŒã€ CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã¨ã¯è¤‡æ•°ã®ç”»åƒã‚’ä¸€æžšã®ç”»åƒã«ã™ã‚‹äº‹ã§èªã¿è¾¼ã¿ãƒªã‚¯ã‚¨ã‚¹ãƒˆæ•°ã‚’å°‘ãªãã—ã€ ã‚µã‚¤ãƒˆã®è¡¨ç¤ºã‚’é«˜é€ŸåŒ–ã™ã‚‹ãƒ†
cyokodog 2010/09/16
css sprites

*service-generator
ãƒªãƒ³ã‚¯
æ‰‹è»½ã«cssã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚’ä½œã‚Œã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªWebã‚µãƒ¼ãƒ“ã‚¹ãƒ»css sprites generator - ã‹ã¡ã³ã¨.net
cssã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã¯è¤‡æ•°ã®ç”»åƒã‚’ 1ã¤ã®ç”»åƒã«ã—ã¦ã€å®¹é‡ã‚’è»½æ¸› ã™ã‚‹æ‰‹æ³•ã§ã™ãŒã€ã“ã®cssã‚¹ãƒ— ãƒ©ã‚¤ãƒˆç”¨ã®ç”»åƒã‚’ç°¡å˜ã«ä½œæˆ å‡ºæ¥ã‚‹ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ãŒã‚ã‚Šã¾ ã—ãŸã®ã§ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ä»¥å‰MOONGIFTã•ã‚“ã§è¨˜äº‹ã«ãªã£ãŸã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã®ã‚ˆã†ã«zipã§å¤šãã®ç”»åƒã«ã‚‚å¯¾å¿œã—ã¦ã„ã‚‹ã‚ˆã†ãªã‚‚ã®ã§ã¯ãªãã€2~3æžšã®ç”»åƒã‹ã‚‰ä½œã‚‹ã‚ˆã†ãªã‚·ãƒ³ãƒ—ãƒ«ãªç‰©ã«ãªã‚Šã¾ã™ã€‚ç°¡å˜ãªã‚„ã¤ã‚’ã‚µã‚¯ãƒƒã¨ä½œã‚ŠãŸã„ã€ã¨ã„ã†æ™‚ã«è‰¯ã•ãã†ã§ã™ã€‚ cssã‚¹ãƒ—ãƒ©ã‚¤ãƒˆç”¨ã®ç”»åƒã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã ã‘ã€‚ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§ä½ç½®ã‚„èƒŒæ™¯è‰²ã®æŒ‡å®šã‚‚å¯èƒ½ã§ã™ãŒã€è¨å®šé …ç›®ã‚‚å°‘ãªã„ã€æ¥µã‚ã¦ã‚·ãƒ³ãƒ—ãƒ«ãªã‚‚ã®ã§ã™ã€‚ ç”»åƒã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ãŸã‚‰generatorãƒœã‚¿ãƒ³ã‚’æŠ¼ã›ã°å®Œæˆã§ã™ã€‚ãã‚Œãžã‚Œã®ç”»åƒã®ä½ç½®ã‚‚å‡ºã—ã¦ãã‚Œã‚‹ã®ã§cssã‚’æ›¸ãã¨ãã«æŒ‡å®šã™ã‚‹ã ã‘ã€‚ ãªã‹ãªã‹æ‰‹è»½ã§è‰¯ã„ã®ã§ã¯ã€‚ã”åˆ©ç”¨ã¯ä»¥ä¸‹ã‚ˆã‚Šã€‚ css sprites generator
cyokodog 2010/06/22
*service-generator

css sprites

*css
ãƒªãƒ³ã‚¯
Tonttu
Tontuu is help for web-developer to create CSS Spritesãƒ»ãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿è¾¼ã¿(ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—) ãƒ»ã‚½ãƒ¼ãƒˆ1 (Sort direction:col â‡’ Sort type:IMAGEBASE â‡’ padding:0) ãƒ»ã‚½ãƒ¼ãƒˆ2 (Sort direction:row â‡’ Sort type:IMAGEBASE â‡’ padding:30) ãƒ»ã‚½ãƒ¼ãƒˆ3 (Sort direction:col â‡’ Sort type:POSITIONBASE â‡’ padding:100) ãƒ»ã‚½ãƒ¼ãƒˆ4 (Sort direction:row â‡’ Sort type:POSITIONBASE â‡’ padding:150) ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é–‹ã ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«(gif,jpeg,png)ã€ã‚‚ã—ãã¯æ‹¡å¼µå.ttdã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã€2é€šã‚Šã®æ–¹æ³•ã§é–‹ãã“ã¨ãŒå‡ºæ¥ã¾ã™
cyokodog 2009/09/30
*service-generator

css sprites
ãƒªãƒ³ã‚¯
CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆä½œæˆè£œåŠ©ãƒ„ãƒ¼ãƒ«ã€ŒCSS Sprit.esã€:phpspoté–‹ç™ºæ—¥èªŒ
CSS Sprit.es CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆä½œæˆè£œåŠ©ãƒ„ãƒ¼ãƒ«ã€ŒCSS Sprit.esã€ã€‚ ç”»åƒã‚’æŒ‡å®šã—ã¦ã‚¢ãƒƒãƒ—ã™ã‚‹ã¨ã€CSS+HTML+ç”»åƒã‚’ã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆã—ã¦ãã‚Œã‚‹ã¿ãŸã„ã§ã™ã€‚ ã“ã†ã—ãŸãƒ„ãƒ¼ãƒ«ã¯ä»–ã«ã‚‚ã‚ã‚Šã¾ã™ãŒã€ã“ã¡ã‚‰ã‚‚ä½¿ã£ã¦ã¿ã‚‹ã®ã‚‚ã„ã„ã‹ã‚‚ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚µã‚¤ãƒˆé«˜é€ŸåŒ–ã®ãŸã‚ã®CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ç°¡å˜ä½œæˆã§ãã‚‹ã€ŒSprite Creatorã€
cyokodog 2009/09/07
*service-generator

css sprites
ãƒªãƒ³ã‚¯
CSS Spriteãªã©ãƒ–ãƒ©ã‚¦ã‚¶ã¨ã‚µãƒ¼ãƒã®é€šä¿¡ã‚’æ¸›ã‚‰ã™ãƒ†ã‚¯ï¼ˆ1/2ï¼‰ - ï¼ IT
æ ªå¼ä¼šç¤¾ãƒ©ã‚¤ãƒ–ãƒ‰ã‚¢ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ æµœ ä¿Šå¤ªæœ— 2009/6/8 ãƒšãƒ¼ã‚¸è¡¨ç¤ºé«˜é€ŸåŒ–ã‚’ã‚µãƒ¼ãƒã®è¨å®šã ã‘ã«ä»»ã›ã¦ã„ã¾ã›ã‚“ã‹ï¼Ÿ HTMLã‚„CSSã€JavaScriptã®æ›¸ãæ–¹ã§ã‚‚é€Ÿãã§ãã¾ã™ï¼ˆç·¨é›†éƒ¨ï¼‰ HTTPã«ãŠã‘ã‚‹ãƒªã‚¯ã‚¨ã‚¹ãƒˆã®æ•°ã‚’æ„è˜ã—ã¦ã¾ã™ã‹ï¼Ÿ é€£è¼‰ç¬¬1å›žã®ã€ŒWebã‚µã‚¤ãƒˆã‚’â€œé€Ÿãâ€è¡¨ç¤ºã•ã›ã‚‹7ã¤ã®è¨ˆæ¸¬ãƒã‚¤ãƒ³ãƒˆã€ã§ã¯ã€YSlowã‚’ä½¿ã£ã¦é€Ÿåº¦ã«é–¢ã™ã‚‹å•é¡Œã‚’èª¿æŸ»ã—ã¾ã—ãŸã€‚ ä»Šå›žã¯ã€ãã®å•é¡Œç‚¹ã®ä¸ã§ã‚‚Webãƒ–ãƒ©ã‚¦ã‚¶ã¨ã‚µãƒ¼ãƒã®é–“ã§è¡Œã‚ã‚Œã‚‹ã‚„ã‚Šå–ã‚Šã€ŒHTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆã€ã«é–¢ã™ã‚‹å†…å®¹ã§ã™ã€‚ã¨ã¯ã„ã£ã¦ã‚‚ã€ã‚µãƒ¼ãƒã‚„ãƒ—ãƒã‚°ãƒ©ãƒ ã®é›£ã—ã„è©±ã¯ã‚ã¾ã‚Šå‡ºã¦ãã¾ã›ã‚“ã€‚CSSã‚„ç”»åƒã®å·¥å¤«ã§é€Ÿåº¦ã®æ”¹å–„ã‚’ç›®æŒ‡ã—ã¾ã™ã€‚ â–¡ Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚ã€ŒHTTPã€ã‚’æ„è˜ã—ã‚ˆã† ã€ŒHTTPã€ã¨èžãã¨ã€ã€Œãªã‚“ã ã‹é¢å€’ãã•ãã†ã€ã€Œé›£ã—ã„ã‚“ã˜ã‚ƒãªã„ã®ï¼Ÿã€ã€Œãã‚Œãƒ—ãƒã‚°ãƒ©ãƒžã®ä»•äº‹ã§ã—ã‚‡ã€ã¨ã‹æ€ã£ã¦ã„ã¾ã›ã‚“ã‹ï¼Ÿ ç¢ºã‹ã«ã€HTTPã®å†…å®¹ã¯ãƒ—ãƒã‚°
cyokodog 2009/06/12
*css

css sprites
ãƒªãƒ³ã‚¯
1æžšã®ç”»åƒã‚’åˆ‡ã‚Šå‡ºã™ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯CSS Spriteã€ä¾¿åˆ©ãƒ„ãƒ¼ãƒ«ç™»å ´ | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
Chris Brainard - Web Developer Extraordinaire Webãƒšãƒ¼ã‚¸ã«è¡¨ç¤ºã•ã‚Œã‚‹ç”»åƒã‚’ã²ã¨ã¤ã®ç”»åƒã«ã¾ã¨ã‚ã€è¡¨ç¤ºã™ã‚‹éš›ã«CSSã§åˆ‡ã‚Šå‡ºã—ã¦ä½¿ã†ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒã‚ã‚‹ã€‚é€šç§°ã€ŒCSS Spriteã€ã¨å‘¼ã°ã‚Œã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã€Ed Eliotæ°ãŠã‚ˆã³Stuart Colvilleæ°ãŒ2007å¹´9æœˆ28æ—¥(ãƒ‰ã‚¤ãƒ„æ™‚é–“)ã«CSS Sprite Generatorã‚’å…¬é–‹ã—ã¦ã‹ã‚‰ã¨ãã«åºƒãŒã‚Šã‚’è¦‹ã›ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã ã€‚CSS Sprite Generatorã¯è¤‡æ•°ã®ç”»åƒã‚’1æžšã®ç”»åƒã«ã™ã‚‹ã¨ã¨ã‚‚ã«ã€ãã‚Œãžã‚Œã®ç”»åƒã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ãŸã‚ã®CSSã‚’ç”Ÿæˆã™ã‚‹ã€‚CSS Spriteã‚’å®Ÿæ–½ã™ã‚‹ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã ã€‚ Sprite Creator 1.0å‹•ä½œç”»é¢ ã“ã‚Œã¨ä¼¼ã¦ã„ã‚‹ãŒã€é€†ã«1æžšã®ç”»åƒã‹ã‚‰ç‰¹å®šã®ç”»åƒã‚’å–ã‚Šå‡ºã™CSSã‚’ä½œæˆã™ã‚‹ãŸã‚ã®ãƒ„ãƒ¼ãƒ«Sprite Creator 1.0ãŒChris Brain
cyokodog 2009/04/10
*css

*service-generator

css sprites
ãƒªãƒ³ã‚¯
1