Compassã§CSSスプライト（Retina対応）
今ã¯ã‚³ãƒ¬ã§ã™ã€‚ $sprite2x: sprite-map("sprite2x/*.png"); $sprite-img:sprite-url($sprite2x); @mixin sprite-background2x($name) { background-image: sprite-url($sprite2x); background-repeat: no-repeat; overflow: hidden; width: image-width(sprite-file($sprite2x, $name)) / 2; height: image-height(sprite-file($sprite2x, $name)) / 2; $ypos: round(nth(sprite-position($sprite2x, $name), 2) / 2); background-positio
[JS]デスクトップã¯ãã®ã¾ã¾ã€æ–°ã—ã„iPad, iPhone4ã«ã¯é«˜è§£åƒåº¦ã®ç”»åƒã‚’é…ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -jQuery Retina
Retinaディスプレイを採用ã—ã¦ã„ã‚‹æ–°ã—ã„iPad, iPhone4用ã«imgè¦ç´ ã§é…ç½®ã—ãŸç”»åƒã‚’高解åƒåº¦ã®ã‚‚ã®ã«å¤‰æ›´ã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ jQuery Retina Plugin jQuery Retina -GitHub [ad#ad-2] jQuery Retinaã®ãƒ‡ãƒ¢ jQuery Retinaã®ä½¿ã„æ–¹ jQuery Retinaã®ãƒ‡ãƒ¢ jQuery Retinaを使ã£ã¦ç”»åƒã‚’é…ç½®ã™ã‚‹æ–¹æ³•ã¯å¤§ãã分ã‘ã¦ã€3ã¤ã‚ã‚Šã¾ã™ã€‚ imgã‚¿ã‚°ã«ã€Œdata-retinaã€å±žæ€§ã‚’åŠ ãˆã‚‹ã€‚ ç”»åƒã®ãƒ•ã‚¡ã‚¤ãƒ«åã«ã€Œ-2xã€ã‚’åŠ ãˆã‚‹ã€‚ コールãƒãƒƒã‚¯é–¢æ•°ã‚’使ã£ã¦ãƒ•ã‚¡ã‚¤ãƒ«åを指定ã™ã‚‹ã€‚ 表示ã¯ã©ã®æ–¹æ³•ã‚’使ã£ã¦ã‚‚一緒ã§ã™ãŒã€ä¸‹è¨˜ã«ãã‚Œãžã‚Œã®æ–¹æ³•ã§å®Ÿè£…ã—ãŸãƒ‡ãƒ¢ãŒã‚ã‚Šã¾ã™ã€‚ デモページ [ad#ad-2] jQuery Retinaã®ä½¿ã„æ–¹ jQuery Retinaã®ä½¿ã„æ–¹ã¯ç°¡å˜ã§ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
WebサイトをRetinaディスプレイã«å¯¾å¿œã•ã›ã‚‹æ–¹æ³•
{{#tags}}- {{label}}
{{/tags}}