[JS]CSSスプライトã«ãƒ•ã‚§ãƒ¼ãƒ‰ã‚„移動ã€ä¸é€æ˜Žåº¦ã®å¤‰æ›´ã‚’åŠ ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -bgFade<textarea name="code" class="html" cols="60" rows="5"> <div class="myButton"> Any text content you want here </div> </textarea>
Justin Timberlake
SOUND ON / OFF watch the trailer
CSSスプライトã§ç”»åƒã‚’円滑ã«è¡¨ç¤ºã•ã›ã‚‹
2014å¹´8月13æ—¥ CSS, Webサイト制作 CSSスプライトã¨ã¯ã€è¤‡æ•°ã®ç”»åƒã‚’ã²ã¨ã¤ã«ã¾ã¨ã‚ã¦ã€CSSã§ãƒã‚¸ã‚·ãƒ§ãƒ³ã‚’指定ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šè¡¨ç¤ºã•ã›ã‚‹CSSã®æŠ€ã®ã²ã¨ã¤ã§ã™ã€‚ç”»åƒã®æ•°ã‚’減らã™ã“ã¨ã«ã‚ˆã‚Šã€ã‚µã‚¤ãƒˆã®è¡¨ç¤ºã‚’速ã‚ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚以å‰ã‚ˆã‚ŠYoutubeãªã©ã«ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãã®åå‰ã‚’一度ã¯èžã„ãŸã“ã¨ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ã“ã“ã§ã¯CSSスプライトを使用ã—ãŸãƒ¡ãƒ‹ãƒ¥ãƒ¼ç”»åƒã®ä½œã‚Šæ–¹ã‚’紹介ã—ã¾ã™ã€‚ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ CSSスプライトを使ã†ãƒ‡ãƒ¡ãƒªãƒƒãƒˆ メリットã¯ä¸Šè¨˜ã«ã‚ã‚‹ã¨ãŠã‚Šã€ã‚µã‚¤ãƒˆã®é«˜é€ŸåŒ–ãŒæœŸå¾…ã§ãã¾ã™ã€‚ã§ã¯ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã¨ã¯ï¼Ÿ alt属性ãŒä½¿ãˆãªã„ 背景画åƒã®ãƒªãƒ”ート表示ãŒã§ããªã„ æ›´æ–°ã™ã‚‹æ™‚ã«æ‰‹é–“ãŒã‹ã‹ã‚‹ï¼ˆã‚µã‚¤ã‚ºã‚’変ãˆã‚‹ã¨CSSも変ãˆãªã‘ã‚Œã°ã„ã‘ãªã„ãŸã‚） 以上をãµã¾ãˆã¦ã€ç§ã¯ã„ã¤ã‚‚メニューã®èƒŒæ™¯ã‚„ボタンãªã©ã€ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼æ™‚ã«å¤‰åŒ–ã™ã‚‹ç”»åƒã®ã¿CSSスプライトを
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}