[B! retina] irossiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

irossi id:irossi

retinaã«é–¢ã™ã‚‹irossiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

1ä¸‡2000å††ã§2048Ã—1536ãƒ‰ãƒƒãƒˆã®Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ãƒ¼ã‚’è‡ªä½œ - é€±åˆŠã‚¢ã‚¹ã‚ãƒ¼
å°ã•ãã¦é«˜è§£åƒåº¦ãªæ¶²æ™¶ãŒã‚ã£ãŸã£ã¦ã„ã„ã˜ã‚ƒãªã„ï¼ æœ€è¿‘ã®æ¶²æ™¶ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ãƒ¼ã¨è¨€ãˆã°ãƒ•ãƒ«HDã¯å½“ãŸã‚Šå‰ã§ã€å®‰ã„ã‚‚ã®ãªã‚‰1ä¸‡å††å°å‰åŠã‹ã‚‰è³¼å…¥ã§ãã¾ã™ã€‚ã¡ã‚‡ã£ã¨å‰ãªã‚‰ã€è§£åƒåº¦ã¯ãƒ•ãƒ«HDã‚‚ã‚ã‚Œã°ãšã„ã¶ã‚“ã¨åºƒãä½¿ãˆãŸæ°—ãŒã—ãŸã‚“ã§ã™ãŒã€æ…£ã‚Œã¦ã—ã¾ã†ã¨ç‹ãæ„Ÿã˜ã‚‹ã‚‚ã®â€¦â€¦ã€‚ãã“ã§æ°—ã«ãªã£ã¦ãã‚‹ã®ãŒã€WQHDï¼ˆ2560Ã—1440ãƒ‰ãƒƒãƒˆï¼‰ã‚„4Kï¼ˆ3840Ã—2160ãƒ‰ãƒƒãƒˆï¼‰ã®ã•ã‚‰ã«é«˜è§£åƒåº¦ãªè£½å“ã§ã™ã€‚WQHDãªã‚‰27ã‚¤ãƒ³ãƒãƒ¢ãƒ‡ãƒ«ãŒ5ä¸‡å††å‰å¾Œã¨ã€æ‰‹ã‚’å‡ºã—ã‚„ã™ã„ä¾¡æ ¼ã«ãªã£ã¦ãã¦ã„ã‚‹ã®ã‚‚é…åŠ›çš„ã§ã™ã‚ˆãã€‚ â†‘ãƒ‡ãƒ«ã®2560Ã—1440ãƒ‰ãƒƒãƒˆãƒ¢ãƒ‡ãƒ«ã€ŽU2713HMã€ã¯ç›´è²©ä¾¡æ ¼4ä¸‡8980å††ã€‚ã•ã‚‰ã«ãƒ‡ãƒ«ã«ã¯ã€28ã‚¤ãƒ³ãƒã§3840Ã—2160ãƒ‰ãƒƒãƒˆãªãŒã‚‰6ä¸‡å††ä»¥ä¸‹ã¨ã„ã†ã€æ¿€å®‰4Kãƒ¢ãƒ‡ãƒ«ã€ŽP2815Qã€ã‚‚ã‚ã‚‹ã€‚ ã¨ã¯ã„ãˆã€ãƒ•ãƒ«HDã®ãƒ‡ãƒ¥ã‚¢ãƒ«ã«ã™ã‚‹ã‹ã€WQHDã«ã™ã‚‹ã‹ã§æ‚©ã‚“ã§ã¿ã‚‹ã¨ã€ãªã‹ãªã‹çµè«–ãŒå‡ºã›ã¾ã›ã‚“ã€‚é‡‘éŠçš„ãªå•é¡Œä»¥å¤–ã«ã‚‚ã€ãƒ‡ãƒ¥
irossi 2014/05/05
diy

retina

display
ãƒªãƒ³ã‚¯
ã„ã¾ã•ã‚‰èžã‘ãªã„Retinaå¯¾å¿œã®ãŸã‚ã®ã€Œãƒ”ã‚¯ã‚»ãƒ«ã€ã®è©±
ãƒ”ã‚¯ã‚»ãƒ«å¯†åº¦ã¨ãƒ”ã‚¯ã‚»ãƒ«æ¯”ã®é–¢ä¿‚ ãƒ”ã‚¯ã‚»ãƒ«å¯†åº¦ã¯ã€æ•°ãŒå¤šã‘ã‚Œã°å¤šã„ã»ã©ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ä¸Šã§é®®æ˜Žãªæç”»ãŒã§ãã‚‹ã‚ã‘ã§ã™ãŒã€ä¸Šè¿°ã—ãŸãƒ”ã‚¯ã‚»ãƒ«æ¯”ã¨ã¯ç›´æŽ¥é–¢é€£ã—ãªã„ã‚‚ã®ã§ã™ï¼ˆã¨è€ƒãˆã¦ã„ã¾ã™ï¼‰ã€‚ãŸã¨ãˆã°ã€Galaxy S IVã®ã‚ˆã†ã«ãƒ”ã‚¯ã‚»ãƒ«å¯†åº¦ã¯441ppiã€ãƒ”ã‚¯ã‚»ãƒ«æ¯”ã¯2ã¨ã„ã†ç«¯æœ«ã‚‚ã‚ã‚Œã°ã€HTC Oneã®ã‚ˆã†ã«ã€ãƒ”ã‚¯ã‚»ãƒ«å¯†åº¦ã¯468ppiã ãŒã€ãƒ”ã‚¯ã‚»ãƒ«æ¯”ã¯3ã¨ã„ã†ç«¯æœ«ã‚‚ã‚ã‚Šã¾ã™ã€‚ â€»ä¸¡æ–¹ã¨ã‚‚å®Ÿæ©Ÿã§æ¤œè¨¼ã—ãŸã‚ã‘ã§ã¯ãªã„ã®ã§ã€Wikipediaã®æƒ…å ±ãŒæ£ã—ã‘ã‚Œã°ã®è©±ã§ã™ãŒã€‚ â€»ãƒ”ã‚¯ã‚»ãƒ«æ¯”ã¨ã¯é•ã†ã‚‚ã®ã§ã™ãŒã€ãã‚Œã¨ä¼¼ãŸå˜ä½ã§ã‚ã‚‹dppx (dots per pixel unit)ã§ã¯ã€CSSã§å®šç¾©ã•ã‚ŒãŸ1ã‚¤ãƒ³ãƒãŒ96pxã«ãªã‚‹ãŸã‚ã€1dppx = 96dpiã«ãªã‚Šã¾ã™ã€‚ ãƒ”ã‚¯ã‚»ãƒ«æ¯”ã«ä¼¼ãŸå€¤ã€Œdpã€ã¨window.devicePixelRatio Androidã®å¯†åº¦éžä¾å˜ãƒ”ã‚¯ã‚»ãƒ«ã€Œdpã€ Density-i
irossi 2013/04/07
display

retina

web

design

pixel

tutorial
ãƒªãƒ³ã‚¯
40+ Premium Responsive and Retina Display Ready WordPress Themes | Naldz Graphics
irossi 2012/11/13
wordpress

template

responsive

retina
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆã‚’Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«å¯¾å¿œã•ã›ã‚‹æ–¹æ³•
Retinaã‚µãƒãƒ¼ãƒˆWebã¸ã®ç¬¬ä¸€æ© | Tai... / ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®RetinaåŒ– | drops -... / AMAITORTE - æ—¥è¨˜ - è¨˜äº‹ã€ŽReti...ä»–...å…¨7ä»¶
irossi 2012/06/18
retina

web

design
ãƒªãƒ³ã‚¯
Easily Create Beautiful iOS App Icons with this DIY Retina Icon Kit
irossi 2012/03/27
iphone

icon

retina

DIY
ãƒªãƒ³ã‚¯
Appleå…¬å¼ã‚µã‚¤ãƒˆã®ã€ŒRetinaãƒ¢ãƒ¼ãƒ‰ã€ã‚’Mac OS Xã®Safariã§ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ã«ã™ã‚‹æ–¹æ³• | Safari | MacãŠå®é‘‘å®šå›£ blogï¼ˆç¾…é‡ç›¤ï¼‰
æ—¥æœ¬èªžã§ã®Mac,iPhone,iPad,iPodãªã©Appleé–¢é€£ã®æƒ…å ±ã‚µã‚¤ãƒˆã€‚MACãŠå®é‘‘å®šå›£ã®Blogã€‚ Macã«æ‰ã‚ã‚Œãšã€æ§˜ã€…ãªæƒ…å ±ã‚’æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ AppleInsiderã®ãƒ¬ãƒãƒ¼ãƒˆã«ã‚ã‚‹ã‚ˆã†ã«ã€Appleã¯æ—¢ã«Apple.comã«ã€ŒRetinaã€ç”¨ã®ç”»åƒã‚’ç”¨æ„ã—ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã‚‰ã®ç”»åƒã‚’ä½¿ã†ã€ŒRetinaãƒ¢ãƒ¼ãƒ‰ã€ã‚’Mac OS Xç”¨ã®Safariã§ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ã«ã™ã‚‹æ–¹æ³•ã‚’ç™ºè¦‹ã—ã¾ã—ãŸã€‚ http://apple.comã§å³ã‚¯ãƒªãƒƒã‚¯ï¼žã€Œè¦ç´ ã®è©³ç´°ã‚’è¡¨ç¤ºã€ã—ã€ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã§ä»¥ä¸‹ã®Javascriptã‚’å…¥åŠ›ã—ã¦ãã ã•ã„ã€‚ > AC.ImageReplacer._devicePixelRatio = 2 > new AC.ImageReplacer() è¦‹ã‹ã‘ã¯å¤‰ã‚ã£ã¦ã„ã¾ã›ã‚“ãŒã€ã“ã‚Œã§SafariãŒè¡¨ç¤ºã—ã¦ã„ã‚‹Apple.comã¯Retinaãƒ¢ãƒ¼ãƒ‰ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã‚ºãƒ¼ãƒ ã‚¤ãƒ³ã‚’è¡Œã†ã¨ã
irossi 2012/03/14
mac

os

x

safari

Tips

retina
ãƒªãƒ³ã‚¯
1