ã€ãƒã‚¦ãƒ„ー】CSS Spritesã®å¿…è¦ç´ æをサクッã¨ç”Ÿæˆ! ãŠæ‰‹è»½ãƒ–ックマークレットSpriteMe (1) ã¾ãšã¯ä½¿ã£ã¦ã¿ã‚ˆã† | エンタープライズ | マイコミジャーナルブックマークレットã§æ‰‹è»½ã«ã‚¹ãƒ—ライト画åƒ/CSSã‚³ãƒ¼ãƒ‰ç”Ÿæˆ Steve Soudersæ°ã¯14æ—¥(米国時間)ã€è‡ªèº«ã®ãƒ–ãƒã‚°ä¸Šã§SpriteMeを公開ã—ãŸã¨ã‚¢ãƒŠã‚¦ãƒ³ã‚¹ã—ãŸã€‚SpriteMeã¯CSS Spritesを使ã†ã«ã‚ãŸã‚ŠcoolRunningsを使用ã—ã¦å¿…è¦ãªã‚¹ãƒ—ライト画åƒã‚’生æˆã€ãŠã‚ˆã³è¡¨ç¤ºã®ãŸã‚ã®CSSコードを出力ã—ã¦ãれるWebサイト。åŒWebサイトã«ã¯ãƒ–ックマークレットãŒç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€ãƒ¦ãƒ¼ã‚¶ã¯ãƒ–ックマークレットを任æ„ã®Webサイトã§å®Ÿè¡Œã™ã‚‹ã ã‘ã§ç°¡å˜ã«ã‚¹ãƒ—ライト画åƒã¨å¿…è¦ãªCSSコードを入手ã§ãる。 SpriteMeã®å‹•ä½œã®æµã‚Œã¯ãŠã‚‚ã«æ¬¡ã®ã¨ãŠã‚Š(Demoより抜粋)。 CSSより背景画åƒ(background-image)ãŒæŒ‡å®šã•ã‚Œã¦ã„る箇所を抽出 抽出ã—ãŸç”»åƒã®å¹…や高ã•ã‚’ã‚‚ã¨ã«ã€ã‚°ãƒ«ãƒ¼ãƒ”ングをãŠã“ãªã† グループã”ã¨ã«ã‚¹ãƒ—ライト画åƒã‚’ç”Ÿæˆ ç”Ÿæˆã—ãŸã‚¹ãƒ—ライト画åƒã‚’ç¾åœ¨è¡¨ç¤ºã—ã¦ã„
{{#tags}}- {{label}}
{{/tags}}