イメージファイルをzipã«ã—ã¦ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã¨CSSスプライト用ã®ç”»åƒã¨CSSを自動生æˆã™ã‚‹ãƒ„ール・SpriteMachine - ã‹ã¡ã³ã¨.netCSSスプライト用ã®ç”»åƒã¨CSSã‚’ 自動ã§ç”Ÿæˆã—ã¦ãれるã€ã¨ã„ㆠWebツールã®ã”紹介。作るã®ã¯ çµæ§‹é¢å€’ãªã®ã§ã“ã†ã—ã¦è‡ªå‹•åŒ– ã—ã¦ãれるã¨æ¥½ã§åŠ©ã‹ã‚Šã¾ã™ã。 CSSスプライトã§ä½¿ã„ãŸã„ç”»åƒã‚’1ã¤ã®ãƒ•ã‚©ãƒ«ãƒ€ã«ã—ã¦ZIPã«ã—ã¦ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã¨å³åº§ã«1æžšã®ç”»åƒã«ã—ã€CSSも発行ã—ã¦ãã‚Œã¾ã™ã€‚ ZIPをドラッグ&ドãƒãƒƒãƒ—ã™ã‚Œã°å³åº§ã«CSSスプライト用ã®ç”»åƒã¨CSSãŒå…¥ã£ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’DLã—ã¾ã™ã€‚æ•°ã«ã‚ˆã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã‘ã©ä¸€çž¬ã§å‡ºæ¥ã‚‹ã®ã¯å‡„ã„ã§ã™ã€‚ img.spritemachine_foo { width: 450px; height: 72px; background: url(sprite.png) 0px 0px no-repeat; } img.spritemachine_bar { width: 16px; height: 16px; background: url(sprite.pn
{{#tags}}- {{label}}
{{/tags}}