Webページã®è¡¨ç¤ºé€Ÿåº¦ã‚¢ãƒƒãƒ—ã«æ¬ ã‹ã›ãªã„CSSスプライトを超簡å˜ã«ä½œæˆã—ã¦ãれるサイト「SpriteMachineã€Webページã®è¡¨ç¤ºé€Ÿåº¦ã‚’アップã™ã‚‹ãŸã‚ã«ã€ã‚¢ã‚¤ã‚³ãƒ³ã‚„ãƒã‚´ãªã©ã®ç”»åƒã‚’1æžšã«ã¾ã¨ã‚るテクニック。ãã‚ŒãŒã€ŒCSSスプライトã€ãªã®ã§ã™ãŒã€ã“ã‚Œã£ã¦ç”»åƒã®ä½œæˆã¨ã‹ä½ç½®ã®æŒ‡å®šã¨ã‹è‰²ã€…ã¨é¢å€’ãã•ã„ã‚“ã§ã™ã‚ˆã。 ãã‚“ãªCSSスプライトを簡å˜ã«å®Ÿè£…ã™ã‚‹ãŸã‚ã®WebサイトSpriteMachineã®ã”紹介。スプライトマシーン…ã™ã”ã…イイåå‰ã§ã™â€¦ imgを圧縮ã—ã¦ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã 㑠サイトã«è¨ªã‚ŒãŸã‚‰ã¾ãšã¯ç”»åƒé…ç½®ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨åã出ã™ã‚³ãƒ¼ãƒ‰ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã‚’決ã‚ã¾ã™ã€‚ ã¡ãªã¿ã«ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯CSSã ã‘ã§ã¯ãªãã€SCSSã‚„SASSã‚‚é¸æŠžå¯èƒ½ã§ã™ã€‚ 次ã«ã€CSSスプライトã«ã™ã‚‹ç”»åƒã‚’ã²ã¨ã¾ã¨ã‚ã«ã—ã¦ã€ãã®ãƒ•ã‚©ãƒ«ãƒ€ã‚’圧縮ã€ZIPファイルã«ã—ã¾ã—ょã†ã€‚ ãã—ã¦ãã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’上ã®å ´æ‰€ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã¨â€¦ 自動的ã«ã€Œspritemachineã€ã¨ã„ã†ãƒ•ã‚©ãƒ«ãƒ€ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã‚Œã¾ã™:) フォルダã®ä¸èº«ã¯pngç”»åƒã¨c
{{#tags}}- {{label}}
{{/tags}}