[B! iphone][image] beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

beth321 id:beth321

iphoneã¨imageã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

ã†ã‚ã‚ãã‚ã“ã‚Œã¯æ¿€èŒãˆï¼æ„›çŒ«ã‚„æ„›çŠ¬ã®å†™çœŸãŒæŒã¨ã¨ã‚‚ã«å‹•ç”»ã«ãªã‚‹iPhoneã‚¢ãƒ—ãƒªã€ŒãŠã‚Œã€ãã“ã€ã§å‹•ç”»ã‚’ä½œã£ã¦ã¿ã‚‹ã¨â€¦ : ã‚‰ã°Q
ã†ã‚ã‚ãã‚ã“ã‚Œã¯æ¿€èŒãˆï¼æ„›çŒ«ã‚„æ„›çŠ¬ã®å†™çœŸãŒæŒã¨ã¨ã‚‚ã«å‹•ç”»ã«ãªã‚‹iPhoneã‚¢ãƒ—ãƒªã€ŒãŠã‚Œã€ãã“ã€ã§å‹•ç”»ã‚’ä½œã£ã¦ã¿ã‚‹ã¨â€¦ å¹³æ—¥æ¯Žæœ6æ™‚55åˆ†ã«ã€Eãƒ†ãƒ¬ã“ã¨NHK æ•™è‚² ãƒ†ãƒ¬ãƒ“ã§æ”¾é€ã•ã‚Œã¦ã„ã‚‹ã€Œ0655ã€ã¯ã€æ—¥ã‚ãã‚Šã‚¢ãƒ‹ãƒ¡ãªã©ç™’ã‚„ã•ã‚ŒãŸã‚Šæ€ã‚ãšã†ãªã£ã¦ã—ã¾ã†ã‚·ãƒ§ãƒ¼ãƒˆã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒãŽã£ã—ã‚Šè©°ã¾ã£ãŸã€çŸ¥ã‚‹äººãžçŸ¥ã‚‹æœã®å®šç•ªç•ªçµ„ã®ä¸€ã¤ã€‚ â€¦ãˆã£ã€çŸ¥ã‚‰ãªã„ï¼ï¼Ÿãã‚Œã¯ã‚‚ã£ãŸã„ãªã„ã€è¶…é¢ç™½ã„ã®ã«ã€œï¼ ãã®0655ã®ã‚³ãƒ¼ãƒŠãƒ¼ã®ä¸€ã¤ã«ã€ã€ŒãŠã‚Œã€ãã“ã€ã€Œã‚ãŒè¼©ã¯ã€çŠ¬ã€ãªã©å¤§äººæ°—ã®ãƒšãƒƒãƒˆå†™çœŸæŠ•ç¨¿ã‚³ãƒ¼ãƒŠãƒ¼ãŒã‚ã‚‹ã®ã§ã™ãŒã€ã‚ã®ã»ã®ã¼ã®ã—ãŸæŒã«ä¹—ã›ãŸã‚¹ãƒ©ã‚¤ãƒ‰å‹•ç”»ãŒã‚¹ãƒžãƒ›ã§ç°¡å˜ã«ä½œã‚Œã‚‹ã‚¢ãƒ—ãƒªã€Ž æ€ã„å‡ºã½ã‚“ï¼ã€ŒãŠã‚Œã€ãã“ã€ ã€ãŒèª•ç”Ÿã—ãŸã‚“ã§ã™ã‚ˆï¼ iPhoneã€iPadãªã©ã§ä½¿ãˆã‚‹ã€Žæ€ã„å‡ºã½ã‚“ï¼ã€ŒãŠã‚Œã€ãã“ã€ã€ã¯ã€iPhoneãªã©ã«ä¿å˜ã—ã¦ã‚ã‚‹å†™çœŸç”»åƒã‚’å…ƒã«ã€ã€ŒãŠã‚Œã€ãã“ã€å‹•ç”»ã‚’ç·¨é›†ã™ã‚‹ã‚¢ãƒ—ãƒªã€‚ ã“ã®ã‚¢ãƒ—ãƒªã‚’ä½¿ã†ã¨ã€é›£é–¢æ¥µã¾ã‚‹ç•ªçµ„ã®
beth321 2013/12/01
iPhone

æ€ã„å‡ºã½ã‚“

NHK

å‹•ç‰©

ã‚¢ãƒ—ãƒª

blog-neta

IMAGE

Canon
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã«å¯¾å¿œã—ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹CSSã‚¹ã‚¿ã‚¤ãƒ«ï¼ˆfont sizeè‡ªå‹•èª¿æ•´ã‚’ãã‚‹ãªã©ï¼‰ - ãã‚‰ã’ã ã‚‰ã‘
å‰ã«ã‚‚ä¸€åº¦ã€åŒã˜ã‚ˆã†ãªå•é¡Œã«ç›´é¢ã—ã¦èª¿ã¹ã¦è§£æ±ºã—ãŸã‚ˆã†ãªæ°—ãŒã—ãŸã®ã§ã™ãŒã€ä»Šå›žã‚‚ãŠãã‚‰ããã®æ™‚ã¨åŒã˜ãGoogleã§èª¿ã¹ã¦è§£æ±ºã—ãŸã®ã§ã€ãƒ¡ãƒ¢ã£ã¦å¿˜ã‚Œãªã„ã‚ˆã†ã«ã—ã¦ãŠã“ã†ã€‚ font sizeè‡ªå‹•èª¿æ•´ã‚’ãã‚‹ æœ€è¿‘ã§ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã„ã‚ã‚“ãªãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã—ãŸã‚Šã—ã¾ã™ãŒã€ç§ã‚‚ãã‚“ãªæ„Ÿã˜ã®ä»•äº‹ã‚’ã—ã¦ã„ãŸã‚ã‘ã§ã™ã€‚æœ€åˆã¯PC Chromeã§windowã‚’ä¼¸ã³ç¸®ã¿ã•ã›ãªãŒã‚‰ä½œã£ã¦ã„ãŸã‚ã‘ã§ã™ãŒã€ã‚ã‚‹ç¨‹åº¦ã§ããŸæ‰€ã§iPhone Mobile Safariã§ãƒã‚§ãƒƒã‚¯ã—ã¦ã„ãŸã®ã§ã™ã€‚Portrait modeï¼ˆç¸¦å‘ãï¼‰ã§ã¯å•é¡Œãªãé–²è¦§ã—ã¦ã„ãŸã®ã§ã™ãŒã€Landscape modeï¼ˆæ¨ªå‘ãï¼‰ã«ã—ãŸã¨ãã«ã©ã†ã‚‚æ–‡å—ã‚µã‚¤ã‚ºãŒå¤‰ã«ãªã‚Šã¾ã™ã€‚ æœ€è¿‘ã¯iPhoneã‚‚ãƒªãƒ¢ãƒ¼ãƒˆã§Web inspectorã§è¦‹ã‚ŒãŸã‚Šã—ã¾ã™ã‹ã‚‰ã€ç´°ã‹ãèª¿ã¹ã¦ã¿ã¦ã‚‚æ•°å€¤çš„ã«ã¯å•é¡Œç„¡ã•ãã†ã€‚ãŠã‹ã—ã„ãªã£ã¦ã“ã¨ã§èª¿ã¹ãŸå¾Œã«ã€iPhoneã§ã¯
beth321 2013/02/14
*css

css

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

CSS3

iPhone

image

font

tips

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

Responsive
ãƒªãƒ³ã‚¯
iPhone4ã®Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã§é–²è¦§ã—ãŸã‚‰jQueryã§Retinaå‘ã‘ç”»åƒ(@2xã®ã‚„ã¤)ã«è‡ªå‹•ã§åˆ‡ã‚Šæ›¿ãˆã‚‹ - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…å®¹ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ iPhone4ã®Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã§é–²è¦§ ã•ã‚ŒãŸéš›ã«è‡ªå‹•ã§é«˜è§£åƒåº¦ã®ç”»åƒã« è‡ªå‹•ã§åˆ‡ã‚Šæ›¿ãˆã‚‹jQueryã®ã‚³ãƒ¼ãƒ‰ã€‚ @2xãŒä»˜ãã‚¢ãƒ¬ã§ã™ã€‚ã¡ã‚‡ã£ã¨ä»Šæ›´ ãªè©±é¡Œãªã®ã§èª°ã‚‚è¦‹ã¦ç„¡ã•ãã†ãª æ—¥æ›œæ—¥ã«æ›¸ã„ã¦ç½®ã“ã†ã¨æ€ã„ã¾ã™ã€‚ jQuery Retinaã£ã¦ã„ã†ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã‚ã‚Šã¾ã™ãŒã€ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã‚ˆã†ã«è‰²ã€…å®œã—ãã‚„ã£ã¦ãã‚Œã‚‹ã‚ˆã†ãªã‚‚ã®ã˜ã‚ƒãªãã€ãŸã ã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆã§ã™ã€‚å®Ÿéš›ã«ã¯ã‚‚ã†ã¡ã‚‡ã„å·¥å¤«ã—ãªã„ã¨ãªã‚‰ãªã„ã¨æ€ã„ã¾ã™ã®ã§å‚è€ƒç¨‹åº¦ã§ã€‚ã¨ã„ã†ã‹åƒ•ãŒRetinaãªã‚“ã¨ã‹ã®äº‹ã‚’è‰¯ãåˆ†ã‹ã£ã¦ç„¡ã„ã§ï½“ ã‚³ãƒ¼ãƒ‰ if (window.devicePixelRatio > 1) $('img').each(function() { var t = $(this); t.attr('sr
beth321 2012/07/13
.net

jQuery

*webåˆ¶ä½œ

jquery

ç”»åƒ

retina

Webåˆ¶ä½œ

iphone

JavaScript

image
ãƒªãƒ³ã‚¯
è‡ªåˆ†ã®æ¯ã‚’å®ˆã‚ŠãŸã„ãªã‚‰ã‚„ã‚ã‚‹ã¹ãã€æ¯ã«è‰¯ããªã„ã€Œ3ã¤ã€ã®ã“ã¨ | ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ãƒ³
è‡ªåˆ†ã®æ¯ã‚’å¤§åˆ‡ã«ã—ã¦ã€è‡ªåˆ†ã®æ¯ã§é£Ÿã¹ç¶šã‘ãŸã„ã¨ã„ã†æ°—æŒã¡ã¯ã€ãŠãã‚‰ãèª°ã«ã§ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ã§ãã‚‹ã“ã¨ãªã‚‰ã€ãã®ãŸã‚ã«ãŠé‡‘ãŒæŽ›ã‹ã£ãŸã‚Šç—›ã‹ã£ãŸã‚Šã›ãšã«æ¸ˆã‚€ã¨ã„ã„ã®ã§ã™ãŒã€æ¯ç£¨ãã¨ãƒ•ãƒã‚¹ã ã‘ã§è‡ªåˆ†ã®æ¯ãŒå®ˆã‚Œã‚‹ã¨ã¯é™ã‚Šã¾ã›ã‚“ã€‚ãã“ã§ä»Šå›žã¯ã€è‡ªåˆ†ã®æ¯ã‚’ã„ã„çŠ¶æ…‹ã«ä¿ã¤ãŸã‚ã«æ°—ã‚’ã¤ã‘ãŸã„ã€æ¯ã«è‰¯ããªã„3ã¤ã®ã“ã¨ã‚’ãŠæ•™ãˆã—ã¾ã—ã‚‡ã†ã€‚ Image remixed from an original by Pete Simon. æ¯ç§‘åŒ»ã®Wendy Bachå…ˆç”Ÿã«ã€å…ˆç”ŸãŒæœ€è¿‘è¦‹ã¦ããŸä¸ã§ã‚‚éš›ç«‹ã£ã¦å¤šã„ã€Œæ¯ã«è‰¯ããªã„ã“ã¨ã€ã‚’3ã¤æŒ™ã’ã¦ã‚‚ã‚‰ã„ã¾ã—ãŸã€‚ã¾ãšæŒ‡æ‘˜ã—ãŸã®ã¯ã€ç ‚ç³–ã¨ãƒŸãƒ«ã‚¯å…¥ã‚Šã®ã‚³ãƒ¼ãƒ’ãƒ¼ã‚’ãƒ€ãƒ©ãƒ€ãƒ©ã¨ä¸€æ—¥ä¸é£²ã‚€ã“ã¨ã§ã™ã€‚ã—ã‹ã—ã€ã“ã‚Œã¯ç ‚ç³–ã¨ãƒŸãƒ«ã‚¯å…¥ã‚Šã®ã‚³ãƒ¼ãƒ’ãƒ¼ã‚’é£²ã¾ãªã„æ–¹ãŒã„ã„ã€ã¨ã„ã†ã“ã¨ã§ã¯ãªã„ã®ã§ã”å®‰å¿ƒã‚’ã€‚ å•é¡Œãªã®ã¯ã€é•·æ™‚é–“å°‘ã—ãšã¤å¸¸ã«é£²ã‚“ã§ã„ã‚‹ã¨ã€å”¾æ¶²ã®ä¸ã«æœ‰å®³ãªç³–åˆ†ãŒãŸã¾ã‚‹ã“ã¨ã€‚Bachå…ˆç”Ÿã¯æ°´ã‚’
beth321 2011/12/03
Image

ã‚¹ãƒˆãƒ¬ãƒƒãƒ

Amazon

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

ã‚³ãƒ¡ãƒ³ãƒˆ

iphone

iPhone

*ã‚ã¨ã§èªã‚€

life

health
ãƒªãƒ³ã‚¯
1