WebページをRetina対応ã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žå®Ÿè·µç·¨WebページをRetina対応ã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žå®Ÿè·µç·¨ï¼šjQuery×HTML5×CSS3を真é¢ç›®ã«å‹‰å¼·ï¼ˆ5）（1/3 ページ） å‰å›žã®Webã«ãŠã‘るピクセルã®åŸºæœ¬çš„ãªè©±ã‚’è¸ã¾ãˆã€ä»Šå›žã¯Retinaディスプレイをã¯ã˜ã‚ã¨ã—ãŸé«˜ç²¾ç´°ãƒ‡ã‚£ã‚¹ãƒ—レイã«Webページを対応ã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã™ã‚‹ã€‚ å‰å›žï¼ˆWebページをRetina対応ã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žåŸºç¤ŽçŸ¥è˜ç·¨ï¼‰ã¯Webã«ãŠã‘るピクセルã®åŸºæœ¬çš„ãªè©±ã‚’ã—ã¾ã—ãŸã€‚今回ã¯ãれをè¸ã¾ãˆãŸä¸Šã§ã€Retinaディスプレイをã¯ã˜ã‚ã¨ã—ãŸé«˜ç²¾ç´°ãƒ‡ã‚£ã‚¹ãƒ—レイã«Webページを対応ã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ CSS Spriteã§è¤‡æ•°ã®è§£åƒåº¦ã«å¯¾å¿œ 最も原始的ãªå¯¾å¿œæ–¹æ³•ã§ã™ã€‚一般的ãªPCディスプレイã¨åŒã˜è¦é ˜ã§ä½œæˆã—ãŸç”»åƒã‚’Retinaディスプレイã«ä½¿ç”¨ã™ã‚‹ã¨ã€ã«ã˜ã‚“ã よã†ã«è¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚デãƒã‚¤ã‚¹ä¸Šã§ã¯åŒã˜ã‚µã‚¤ã‚ºã§ã‚‚ã€ä½¿ã‚ã‚Œã¦ã„るピクセル数ã®ã‚¿ãƒ†ãƒ»ãƒ¨ã‚³ãŒ2
Retinaディスプレイ判別ã§è‡ªå‹•ã§é«˜è§£åƒåº¦ç”»åƒã‚’出ã—ã‚ã‘å¯èƒ½ãªå˜ç‹¬ãƒ©ã‚¤ãƒ–ラリ「Retina.jsã€:phpspot開発日誌
iPhone4ã®Retinaディスプレイã§é–²è¦§ã—ãŸã‚‰jQueryã§Retinaå‘ã‘ç”»åƒ(@2xã®ã‚„ã¤)ã«è‡ªå‹•ã§åˆ‡ã‚Šæ›¿ãˆã‚‹ - ã‹ã¡ã³ã¨.net
[JS]デスクトップã¯ãã®ã¾ã¾ã€æ–°ã—ã„iPad, iPhone4ã«ã¯é«˜è§£åƒåº¦ã®ç”»åƒã‚’é…ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -jQuery Retina
{{#tags}}- {{label}}
{{/tags}}