[B! ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³] snobsnogã®ãƒ

snobsnog id:snobsnog

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«é–¢ã™ã‚‹snobsnogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

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

WordPressæ¡ä»¶åˆ†å²ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¨ãƒ–ãƒ©ã‚¦ã‚¶åˆ¥ã«è¡¨ç¤ºã‚’å¤‰ãˆã‚‹æ–¹æ³•15ç¨®
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã®ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã«Webã‚µã‚¤ãƒˆã‚’å¯¾å¿œã•ã›ã‚‹ã®ã«ã€CSS3ã®Media Queriesï¼ˆãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªï¼‰ã‚’ä½¿ã£ã¦ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã™ã‚‹ã“ã¨ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ã—ã‹ã—ã€Google Adsenseãªã©ã®åºƒå‘Šã¯è¡¨ç¤ºãŒã¯ã¿å‡ºã¦ã—ã¾ã£ãŸã‚Šã—ã¾ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã®ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã«ã¯ã€åˆ¥ã®è¡¨ç¤ºã«ã—ãŸã‚Šã€ãƒ–ãƒ©ã‚¦ã‚¶åˆ¥ã«è¡¨ç¤ºã‚’å¤‰ãˆãŸã„æ™‚ãŒã‚ã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿä¾‹ãˆã°ã€PCã‚µã‚¤ãƒˆã§Google Adsenseã®728Ã—90ã‚’ä½¿ã£ã¦ã„ã‚‹ã‘ã©iPhoneã‚„Androidãªã©ã®ãƒ¢ãƒã‚¤ãƒ«ã§ã¯ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå´©ã‚Œã‚‹ã®ã§300Ã—250ã«å¤‰ãˆãŸã„ãªç‰ã§ã™ã€‚ ä»Šå›žã®æŠ•ç¨¿ã§ã¯ã€WordPressã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³åˆ¥ã€ãƒ–ãƒ©ã‚¦ã‚¶åˆ¥ã«æ¡ä»¶åˆ†å²ã™ã‚‹æ–¹æ³•ã‚’é›†ã‚ã¾ã—ãŸã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆç«¯æœ« ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆç«¯æœ«åˆ¥ã®æ¡ä»¶åˆ†å²æ–¹æ³•ã§ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã§è¡¨ç¤ºã‚’å¤‰ãˆã‚‹wp_is_mobile() PCãƒ–
snobsnog 2015/10/30
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

wordpress

PHP
ãƒªãƒ³ã‚¯
ãŸã ã®Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã‚’é–‹ç™ºã™ã‚‹ã«ã‚ãŸã£ã¦çŸ¥ã£ã¦ãŠããŸã„ã“ã¨ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ä»Šæ›´ã ã‘ã©ã€ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆé–‹ç™ºæœªçµŒé¨“ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã€ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã‚’é–‹ç™ºã—ã¦æ°—ã¥ã„ãŸã“ã¨ã‚„ãƒãƒžã£ãŸã“ã¨ãªã©ã®é›‘å¤šãªã¾ã¨ã‚ã§ã™ã€‚ å¯¾è±¡ã¯iOS, Androidã§ã™ã€‚ ã‚·ã‚§ã‚¢çŽ‡(æ—¥æœ¬) æœ€è¿‘ã®å‹•å‘ãªã© 2014å¹´4æœˆã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³è²©å£²ã‚·ã‚§ã‚¢ã€æ—¥æœ¬ã§ã¯iOSãŒãƒˆãƒƒãƒ—ã€æ¬§å·žã§ã¯Windows Phoneã®ã‚·ã‚§ã‚¢ãŒå„å›½ã§å¢—åŠ ï¼ˆKantarèª¿æŸ»ï¼‰ | juggly.cn Appleã€2014å¹´ç¬¬1å››åŠæœŸã«ãŠã„ã¦æ—¥æœ¬ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¸‚å ´ã®ã‚·ã‚§ã‚¢ã‚’36.6ï¼…ç²å¾—ï¼ãƒ‰ã‚³ãƒ¢ç‰ˆiPhoneã§å¤§èºé€² | gori.meï¼ˆã‚´ãƒªãƒŸãƒ¼ï¼‰ 2013å¹´ç¬¬4å››åŠæœŸ å›½å†…æºå¸¯
snobsnog 2015/07/01
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

Android

iPhone
ãƒªãƒ³ã‚¯
ã“ã‚ŒãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã® viewport è¨å®šï¼“ãƒ‘ã‚¿ãƒ¼ãƒ³ã
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã® Web ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã€viewport ã®è¨å®šæ¬¡ç¬¬ã§ä½¿ã„å‹æ‰‹ãŒå¤§å¹…ã«å¤‰ã‚ã‚‹ã€‚ æœ€è¿‘ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– Web ãƒ‡ã‚¶ã‚¤ãƒ³ãŒæµè¡Œã—ã¦ã‚‹ã‘ã©ã‚‚ã€ãã®å¤§å‰æã¨ã—ã¦ viewport ã®è¨å®šãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’æŠ‘ãˆã¦ãŠãã®ã¯é‡è¦ã ã‚ã†ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€viewport ã®è¨å®šã«ã‚ˆã£ã¦ã€è¦‹ãŸç›®ãƒ»ä½¿ã„å‹æ‰‹ãŒã©ã†å¤‰ã‚ã‚‹ã‹ã‚’è§£èª¬ã™ã‚‹ã€‚ ãƒ‘ã‚¿ãƒ¼ãƒ³1: ä½•ã‚‚è€ƒãˆãšã« HTML ã‚’æ›¸ã ã¾ãšã¯ã€viewport ã‚’æŒ‡å®šã›ãšã«ã€å˜ç´”ãª HTML ã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§è¡¨ç¤ºã—ã¦ã¿ã‚‹ã€‚ <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>è‰²ã‚“ãªç´ æãŒã”ã£ãŸç…®ã«ãªã£ãŸæ§˜åã‚’ãŠæ¤€ã§è¡¨ç¾ã—ã¦ã„ã¾ã™ã€‚ æ¹¯æ°—ãŒ<strong>ã€Œã¦ã£ãã€</strong>ã«è¦‹ãˆã‚‹ã®ãŒéš ã—å‘³ã«ãªã£ã¦ã„ã¾
snobsnog 2015/05/11
viewport

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

webåˆ¶ä½œ

html

meta
ãƒªãƒ³ã‚¯
å¤–éƒ¨CSSã‚’1æžšè¿½åŠ ã—ã¦ã€ãƒ–ãƒã‚°ã‚’ã‚¹ãƒžãƒ›æœ€é©åŒ–ã™ã‚‹5ã¤ã®ãƒ•ãƒãƒ¼ | Mnemoniqs Web Designer Blog : Web Design and Web Development
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–WEBãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç”¨ã„ã¦ã€å¤–éƒ¨CSSã‚’ä¸€æžšè¿½åŠ ã™ã‚‹ã ã‘ã§iPhone/androidã«æœ€é©åŒ–ã™ã‚‹ã¾ã§ã®æµã‚Œã‚’æ›¸ã„ã¦ãŠãã¾ã™ã€‚ã‚¹ãƒžãƒ›ç”¨ã®CSSã‚’ã‚¹ãƒžãƒ›ã«ã ã‘èªã¿è¾¼ã¾ã›ã¦ã€å…¨ä½“ã®CSSã‚’ä¸Šæ›¸ãã™ã‚‹ã ã‘ãªã®ã§ã€ãƒ–ãƒã‚°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ˆã£ã¦ã¯çµæ§‹æ‰‹è»½ã«å‡ºæ¥ã¾ã™ã€‚ ã¯ã˜ã‚ã«ã‚¹ãƒžãƒ›æœ€é©åŒ–å¾Œã®è¦ç´ é…ç½®ã‚’è€ƒãˆã‚‹ <head>ã«viewportè¨å®šã¨ã‚¹ãƒžãƒ›ç”¨CSSã®è¨˜è¿°ã‚’æ›¸ã å›ºå®šå¹…ã‚’ãƒªã‚ãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ã§çµ„ã¿ãªãŠã™ ãƒ•ã‚©ãƒ³ãƒˆã®ã‚µã‚¤ã‚ºã€ãƒžãƒ¼ã‚¸ãƒ³ã€ä¸å¤®ï½¥æ°´å¹³æƒãˆã‚’èª¿æ•´ ç”»åƒã‚’2å€ã®ã‚µã‚¤ã‚ºã§ç”¨æ„ã™ã‚‹ ã¯ã˜ã‚ã«ã‚¹ãƒžãƒ›æœ€é©åŒ–å¾Œã®è¦ç´ é…ç½®ã‚’è€ƒãˆã‚‹ ã‚¹ãƒžãƒ›ã¯ç”»é¢ã‚‚å°ã•ã„ã—ã€å®¹é‡ãŒé‡ã„ã¨ãã‚Œã ã‘ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºé€Ÿåº¦ã‚‚è½ã¡ã¾ã™ã€‚ ãƒã‚´ãƒ»ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒ»è¨˜äº‹ãªã©æœ€ä½Žé™ã®è¦ç´ ã ã‘æ®‹ã—ã€ã‚ã¨ã¯display:none;ã§æ¶ˆã—ã¦ã—ã¾ã„ã¾ã—ã‚‡ã†ã€‚ ã“ã®ãƒ–ãƒã‚°ã®ãƒˆãƒƒãƒ—ã ã¨ã€ã‚ªãƒ¬ãƒ³ã‚¸ã§å›²ã‚“ã ã®ãŒã‚¹ãƒžãƒ›ã§è¡¨ç¤ºã•ã›ãªã„éƒ¨åˆ†ã§ã™ã€‚ æ®‹ã£ãŸè¦ç´ ã‚’ã€æœ€
snobsnog 2013/05/10
css

web

webãƒ‡ã‚¶ã‚¤ãƒ³

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

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆã‚’iPhoneã§è¦‹ã‚„ã™ãã™ã‚‹5ã¤ã®æ–¹æ³•
2017å¹´6æœˆ29æ—¥ Webã‚µã‚¤ãƒˆåˆ¶ä½œ, Webãƒ‡ã‚¶ã‚¤ãƒ³, ä¾¿åˆ©ãƒ„ãƒ¼ãƒ« iPhoneæŒã£ã¦ãªã„ãã›ã«Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãƒœãƒƒã‚¯ã‚¹ã‚’iPhoneã§è¦‹ã‚„ã™ã„ã‚ˆã†æ”¹è‰¯ã—ã¾ã—ãŸã€‚iPhoneã‹ã‚‰http://webcreatorbox.comã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨è‡ªå‹•çš„ã«http://webcreatorbox.mobify.meã«ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã•ã‚Œã¾ã™ã€‚ï¼ˆã•ã‚Œã¦ãªã‹ã£ãŸã‚‰ç›´æŽ¥http://webcreatorbox.mobify.meã‹ã‚‰ãƒ‰ã‚¦ã‚¾â€¦ï¼‰ä»Šå›žã¯ä¸‹è¨˜ã«èª¬æ˜Žã™ã‚‹mobifyã¨ã„ã†ã‚µã‚¤ãƒˆã‹ã‚‰iPhoneç”¨ã‚µã‚¤ãƒˆã‚’ä½œã‚Šã¾ã—ãŸãŒã€ä»–ã«ã‚‚ä¾¿åˆ©ãªæ–¹æ³•ãŒã‚ã£ãŸã®ã§ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ 1. CSSã®ã¿ã§åˆ‡ã‚Šæ›¿ãˆã‚‹ iPhoneç”¨ã«ä½œæˆã—ãŸCSSã‚’ä½œã‚Šã€ãƒ‡ãƒã‚¤ã‚¹ã®å¹…ã«ã‚ˆã£ã¦ä½¿ç”¨ã™ã‚‹CSSã‚’åˆ‡ã‚Šæ›¿ãˆã¾ã™ã€‚ &amp;amp;amp;amp;amp;lt;link rel
snobsnog 2011/10/18
css

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

webåˆ¶ä½œ

wordpress
ãƒªãƒ³ã‚¯
Youtubeã®å‹•ç”»ã‚’èƒŒæ™¯ã«
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
snobsnog 2011/10/14
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ | ãƒ¦ãƒ¼ã‚¸ãƒƒã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ 2011å¹´1æœˆ22æ—¥ iPhoneã¨Androidä¸¡æ–¹ã«å¯¾å¿œã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆä½œæˆã«ã‚ãŸã£ã¦ã®åŸºæœ¬æ¦‚è¦ ã¾ãšæœ€åˆã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹éš›ã«æ°—ã«ãªã‚‹ç‚¹ã¯ç”»åƒã®æ‰±ã„ã ã£ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ æ¨ªå¹…ã§ã™ãŒã€è§£åƒåº¦ã¯æ©Ÿç¨®ã«ã‚ˆã£ã¦æ§˜ã€…ã§ã™ãŒã€ç¸¦å‘ãã§320pxï½ž640pxã€æ¨ªå‘ãã§480pxï½ž960pxãŒä¸»æµã¨ãªã‚Šã¾ã™ã€‚ æ¨™æº–ã¨ãªã‚‹ã‚‚ã®ã‚’è¨ã‘ã‚‹ã¨ãªã‚‹ã¨ã€320px(æ¨ª)/480pxï¼ˆç¸¦ï¼‰ã‚’æ¨™æº–ã¨ã—ã¦è‰¯ã„ã‹ãªã¨æ€ã„ã¾ã™ã€‚ â€»iPhone4ã€4Sã¯640px/960pxã®è§£åƒåº¦ã§ã™ãŒã€å†…éƒ¨è§£åƒåº¦ã§320px/480pxã¨è§£é‡ˆã—ã¦ãã‚Œã‚‹ãŸã‚ã€‚ ã§ã™ã®ã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«è¦‹ã›ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ãªã©ã‚’ä½œæˆã™ã‚‹éš›ã‚‚ç¸¦ã‚’æ¨™æº–ã¨ã™ã‚‹éš›ã¯320pxï¼ˆæ¨ªï¼‰ã§ä½œæˆã™ã‚Œã°å•é¡Œãªã„ã¨ã„ãˆã¾ã™ãŒã€iPhone4ã€4Sã‚„An
snobsnog 2011/01/25
webãƒ‡ã‚¶ã‚¤ãƒ³

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

æºå¸¯ã‚µã‚¤ãƒˆ

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
1