[B! Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤] atelierMIRACLEã®ãƒ

atelierMIRACLE id:atelierMIRACLE

Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«é–¢ã™ã‚‹atelierMIRACLEã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

${{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}}

Retinaæ™‚ä»£ã®Webåˆ¶ä½œ
Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’æè¼‰ã—ãŸiPhone 4ãŒç™ºå£²ã•ã‚Œã¦ä¸€å¹´åŠã€‚ å··ã§ã¯é«˜è§£åƒåº¦ã®iPadã‚„MacBookã®ç™ºå£²ãŒå™‚ã•ã‚Œã€Mac OS Xã§ã¯iPhoneã®Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«ç›¸å½“ã™ã‚‹HiDPIãƒ¢ãƒ¼ãƒ‰ãŒã»ã¼å®Œæˆã«è¿‘ä»˜ã„ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã‚‰é«˜è§£åƒåº¦ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’æè¼‰ã—ãŸç’°å¢ƒã§ã¯ã€äº’æ›æ€§ã‚’ç¶æŒã™ã‚‹ãŸã‚ã€ä½Žè§£åƒåº¦ã®ç’°å¢ƒã«åˆã‚ã›ã¦ä½œã‚‰ã‚ŒãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯åŸºæœ¬çš„ã«ä½Žè§£åƒåº¦ã®ã¾ã¾è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãã‚Œã¯ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã«ãŠã„ã¦ã‚‚ä¾‹å¤–ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚å¾“æ¥ã®ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã¯ä½•ã®å•é¡Œã‚‚ç„¡ãè¡¨ç¤ºã•ã‚Œã¾ã™ãŒã€æ–°ã—ã„é«˜è§£åƒåº¦ã®ãƒ‡ãƒã‚¤ã‚¹ã«ã¯ã€æ–°ã—ã„é«˜è§£åƒåº¦ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æä¾›ã—ãŸã„ã‚‚ã®ã§ã™ã€‚ Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’æè¼‰ã—ãŸiPadã€ãã—ã¦ãƒ‘ã‚½ã‚³ãƒ³ãŒæ™®åŠã—ãŸæ™‚ã€ã‚¦ã‚§ãƒ–åˆ¶ä½œã®æ‰‹æ³•ã‚‚å¤‰åŒ–ã‚’æ±‚ã‚ã‚‰ã‚Œã¾ã™ã€‚æ¥ã‚‹ã¹ãæ™‚ä»£ã«å‚™ãˆã€ä»Šã®ã†ã¡ã«Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¸ã®å¯¾å¿œæ–¹æ³•ã‚’ç¢ºèªã—ã¦ãŠãã¾ã—ã‚‡ã†ã€‚ â€» ä»¥ä¸‹ã«è¨˜ã—ãŸæ‰‹æ³•ã¯Ma
atelierMIRACLE 2012/06/18
Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®RetinaåŒ– | drops - onotakehiko.com
iPhone 4ã‹ã‚‰ã¯ã˜ã¾ã‚Šæ–°ã—ã„iPadã“ã¨iPad 3rdã€ãã—ã¦ã‚‚ã¯ã‚„ç¢ºå®šçš„ã¨ã‚‚æ€ã‚ã‚Œã‚‹æ¬¡æœŸMacBook Proã®RetinaåŒ–ã€‚ç¾çŠ¶ã§ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’RetinaåŒ–ã™ã‚‹åŠ¹çŽ‡çš„ãªæ–¹æ³•ã‚’è€ƒãˆã‚‹ã¨ã€ â€œRetina Imagesâ€Â ã‚’ä½¿ã†ã®ãŒæœ€é©è§£ãªæ°—ãŒã—ã¦ã„ã‚‹ã€‚ Retinaç”»åƒã‚’å¯¾å¿œç«¯æœ«ã«è¡¨ç¤ºã•ã›ã‚‹å ´åˆã€ imgã‚¿ã‚°ã«ã‚ˆã‚‹è¨ç½® <img src="[email protected]" width="100" height="100" alt="bar"> background-imageã«ã‚ˆã‚‹è¨ç½®æ–¹æ³• <style> #foo { width: 100px; height: 100px; background: url(bar.png) no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { #foo
atelierMIRACLE 2012/06/18
Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤
ãƒªãƒ³ã‚¯
Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤åˆ¤åˆ¥ã§è‡ªå‹•ã§é«˜è§£åƒåº¦ç”»åƒã‚’å‡ºã—ã‚ã‘å¯èƒ½ãªå˜ç‹¬ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒRetina.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤åˆ¤åˆ¥ã§è‡ªå‹•ã§é«˜è§£åƒåº¦ç”»åƒã‚’å‡ºã—ã‚ã‘å¯èƒ½ãªå˜ç‹¬ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒRetina.jsã€ 2012å¹´04æœˆ12æ—¥- Retina.js | Retina graphics for your website Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤åˆ¤åˆ¥ã§è‡ªå‹•ã§é«˜è§£åƒåº¦ç”»åƒã‚’å‡ºã—ã‚ã‘å¯èƒ½ãªå˜ç‹¬ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒRetina.jsã€ <img src="/images/my_image.png" /> ã¨ã„ã†ç”»åƒã‚¿ã‚°ãŒã‚ã£ãŸã¨ã™ã‚‹ã¨ã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒã‚µãƒ¼ãƒä¸Šã®"/images/[email protected]"ã¨ã„ã†ãƒ•ã‚¡ã‚¤ãƒ«ã‚’è‡ªå‹•ã§ãƒã‚§ãƒƒã‚¯ã—ã¦å˜åœ¨ã™ã‚Œã°ç½®ãæ›ãˆã¦ãã‚Œã¾ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯retina.jsã‚’èªã¿è¾¼ã‚€ã ã‘ã¨ã„ã†ãŠæ‰‹è»½ã•ãŒã„ã„ã§ã™ã€‚ å˜ã«é«˜è§£åƒåº¦ã§å‡ºã—ãŸã„éƒ¨åˆ†ã ã‘ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç”¨æ„ã—ã¦ç½®ã„ã¦ã‚ã’ã‚Œã°ã‚ˆã„ã¨ã„ã†ã®ã¯ãŠæ‰‹è»½ã§ã™ãã€‚ <script type="text/javascript" src="/s
atelierMIRACLE 2012/04/12
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (2)

Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«é–¢ã™ã‚‹atelierMIRACLEã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãŠçŸ¥ã‚‰ã›

ã€Œã‚ã¨ã§èªã‚€ã€ã‚¿ã‚°ã§æŒ¯ã‚Šè¿”ã‚‹2024å¹´ ã€œä»Šå¹´ã®ã€Œã‚ã¨ã§èªã‚€ã€ã€ä»Šå¹´ã®ã†ã¡ã«ã€œ

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬3é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (2)

Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«é–¢ã™ã‚‹atelierMIRACLEã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

Retinaæ™‚ä»£ã®Webåˆ¶ä½œ

ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®RetinaåŒ– | drops - onotakehiko.com

Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤åˆ¤åˆ¥ã§è‡ªå‹•ã§é«˜è§£åƒåº¦ç”»åƒã‚’å‡ºã—ã‚ã‘å¯èƒ½ãªå˜ç‹¬ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒRetina.jsã€:phpspoté–‹ç™ºæ—¥èªŒ

ãŠçŸ¥ã‚‰ã›

ã€Œã‚ã¨ã§èª­ã‚€ã€ã‚¿ã‚°ã§æŒ¯ã‚Šè¿”ã‚‹2024å¹´ ã€œä»Šå¹´ã®ã€Œã‚ã¨ã§èª­ã‚€ã€ã€ä»Šå¹´ã®ã†ã¡ã«ã€œ

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬3é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (2)

Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«é–¢ã™ã‚‹atelierMIRACLEã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

Retinaæ™‚ä»£ã®Webåˆ¶ä½œ

ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®RetinaåŒ– | drops - onotakehiko.com

Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤åˆ¤åˆ¥ã§è‡ªå‹•ã§é«˜è§£åƒåº¦ç”»åƒã‚’å‡ºã—ã‚ã‘å¯èƒ½ãªå˜ç‹¬ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒRetina.jsã€:phpspoté–‹ç™ºæ—¥èªŒ

ãŠçŸ¥ã‚‰ã›

ã€Œã‚ã¨ã§èªã‚€ã€ã‚¿ã‚°ã§æŒ¯ã‚Šè¿”ã‚‹2024å¹´ ã€œä»Šå¹´ã®ã€Œã‚ã¨ã§èªã‚€ã€ã€ä»Šå¹´ã®ã†ã¡ã«ã€œ

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬3é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹