[B! responsive] bigwestã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

bigwest id:bigwest

responsiveã«é–¢ã™ã‚‹bigwestã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (27)

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

ã“ã†ã™ã‚Œã°ç†è§£ã§ãã‚‹Bootstrap 4ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¨ãã®CSS - Qiita
äººæ°—ã®UIä½œæˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Bootstrap 4ã§ã¯æ‰‹è»½ã«ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å®Ÿç¾ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã¾ãŸã€å®šç¾©ã•ã‚Œã¦ã„ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å¦ã¶ã“ã¨ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œã‚‹ä¸Šã§ã®CSSã®å‹‰å¼·ã«ã‚‚ãªã‚Šã¾ã™ã€‚æœ¬ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯å…¥é–€è¨˜äº‹ã®ä¸€ç’°ã¨ã—ã¦ã€Bootstrap 4ã§ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºæœ¬ã«ã¤ã„ã¦è§£èª¬ã—ã¤ã¤ã€å®šç¾©ã•ã‚Œã¦ã„ã‚‹CSSã‚³ãƒ¼ãƒ‰ã®æ„å‘³ã«ã¾ã§è¸ã¿è¾¼ã¿ã¾ã™ã€‚ Bootstrap 4ã®ãƒ–ãƒ¬ãƒ¼ã‚¯ãƒã‚¤ãƒ³ãƒˆã¨åŒºé–“ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªWebã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã¯ãƒ‡ãƒã‚¤ã‚¹å¹…ã«ã‚ˆã£ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå¤‰ã‚ã£ã¦ã„ãã®ã§ã™ãŒã€ã€Œã©ã®ç”»é¢å¹…ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå¤‰ã‚ã‚‹ã®ã‹ã€ã¨ã„ã†åŸºæº–ã«ãªã‚‹ã®ãŒã€Œãƒ–ãƒ¬ãƒ¼ã‚¯ãƒã‚¤ãƒ³ãƒˆã€ã§ã™ã€‚Bootstrap 4ã§ã¯4ã¤ã®ãƒ–ãƒ¬ãƒ¼ã‚¯ãƒã‚¤ãƒ³ãƒˆ(0pxã‚’å«ã‚ã‚‹ã¨5ã¤)ãŒå˜åœ¨ã—ã€ãã‚Œãžã‚Œã®ãƒ–ãƒ¬ãƒ¼ã‚¯ãƒã‚¤ãƒ³ãƒˆã®é–“ã«ã¯åå‰ãŒã¤ã„ã¦ã„ã¾ã™ã€‚4ã¤ã®ãƒ–ãƒ¬ãƒ¼ã‚¯ãƒã‚¤ãƒ³ãƒˆã¨5ã¤ã®åŒºé–“ï¼ˆgrid tierï¼‰ã®åå‰
bigwest 2017/04/26
bootstrap

responsive
ãƒªãƒ³ã‚¯
yuguri.com
Click here to enter
bigwest 2013/10/02
javascript

menu

responsive
ãƒªãƒ³ã‚¯
[JS]lightboxã®é€²åŒ–å½¢ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã§ç”»åƒã‚’æ‹¡å¤§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -SuperBox
lightboxã‚ˆã‚ŠJavaScriptã¨ç”»åƒãƒãƒ¼ãƒ‰ã®ä¾å˜ã‚’å°‘ãªãã—ãŸã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã§ç”»åƒã‚’æ‹¡å¤§è¡¨ç¤ºã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šå¹…780pxã§è¡¨ç¤º SuperBoxã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <link href="css/style.css" rel="stylesheet"> <script src="http://ajax.google apis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/superbox.js"></script> Step 2: HTML ã¾ãšã¯ã€åŸºæœ¬æ§‹é€ ã§ã™ã€‚ HTML5ã®dataå±žæ€§ã§æ‹¡å¤§ã™ã‚‹ç”»åƒã‚’æŒ‡å®šã—ã€classã«ã€Œsuperbox-im
bigwest 2013/04/11
lightbox

responsive
ãƒªãƒ³ã‚¯
ã“ã‚Œãžãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ç¢ºèªãƒ„ãƒ¼ãƒ«ã®æ±ºå®šç‰ˆï¼OSã‚’é¸ã°ãšã«ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ã™ãã«ç¢ºèªã§ãã‚‹ -Viewport resizer
ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºã‚µã‚¤ã‚ºã‚’ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚„ã‚¹ãƒžãƒ•ã‚©ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆç”¨ã«å¤‰ãˆã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã®ç¢ºèªã‚’ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ãŒã€ã“ã‚Œã¯ã‹ãªã‚ŠãŠã‚¹ã‚¹ãƒ¡ã®ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ Viewport resizer Viewport resizerã®ç‰¹å¾´ Viewport resizerã®ä½¿ã„æ–¹ Viewport resizerã®é«˜åº¦ãªä½¿ã„æ–¹ Viewport resizerã®ç‰¹å¾´ Viewport resizerã¯ãƒ–ãƒ©ã‚¦ã‚¶ãƒ™ãƒ¼ã‚¹ã§å‹•ä½œã™ã‚‹ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆã§ã€Windowsã§ã‚‚Mac OSã§ã‚‚å³æ™‚ã«ãƒ„ãƒ¼ãƒ«ã‚’èµ·å‹•ã—ã¦ã€è¡¨ç¤ºã—ã¦ã„ã‚‹ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ã‚ã‚‰ã‚†ã‚‹ã‚µã‚¤ã‚ºã«å¤‰æ›´ã—ã¦ç¢ºèªã§ãã¾ã™ã€‚ ãƒ•ãƒ«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå¯èƒ½ã€‚ ãã®å ´ã§ã‚µã‚¤ã‚ºå¤‰æ›´ã—ã¦ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚å¯èƒ½ã€‚ 1ã‚¯ãƒªãƒƒã‚¯ã§ã‚¹ãƒžãƒ•ã‚©ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã®ç¸¦ãƒ»æ¨ªå‘ãã‚’å¤‰æ›´ã§ãã¾ã™ã€‚ Media Queriesã‚’ã‚µãƒãƒ¼ãƒˆã€‚ Metaã®viewportã‚¿ã‚°ã‚’é©åˆã•ã›ã¾ã™ã€‚ ãƒšãƒ¼ã‚¸ã®ãƒªãƒ
bigwest 2012/10/26
responsive

bookmarklet
ãƒªãƒ³ã‚¯
Grid-A-Licious â€“ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«å¯¾å¿œã—ãŸã€ã‚°ãƒªãƒƒãƒ‰ã‚’æ•·ãè©°ã‚ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ â€“ creamu
Grid-A-Liciousã¯ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«å¯¾å¿œã—ãŸã‚°ãƒªãƒƒãƒ‰ã‚’æ•·ãè©°ã‚ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ PCã€iPadã®ç¸¦æ¨ªã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ç¸¦æ¨ªãã‚Œãžã‚Œã®ãƒªãƒ³ã‚¯ãŒã¤ã„ã¦ãŠã‚Šã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è©¦ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ Grid-A-Licious
bigwest 2012/10/23
responsive

web design

jQuery
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã® CSS ã‚³ãƒ¼ãƒ‰ã®æ›¸ãæ–¹ | Yomotsu net
ã„ã‚ã‚†ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¤ã¾ã‚Šãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªãƒ¼ã‚’æŽ¡ç”¨ã—ãŸ Web ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹éš›ã®ä¸€ç•ªç®¡ç†ã—ã‚„ã™ã„ã¨æ„Ÿã˜ã‚‹ã‚³ãƒ¼ãƒ‰ã®æ›¸ãæ–¹ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ãŸã ã—ã€ã‚ãã¾ã§ã‚‚å€‹äººçš„ãªã€çµŒé¨“ã‹ã‚‰æ„Ÿã˜ãŸæ„è¦‹ã§ã™ã®ã§çµ¶å¯¾ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ CSS ã®ã‚³ãƒ¼ãƒ‰ã®é…ç½®åºƒãçŸ¥ã‚‰ã‚Œã¦ã„ã‚‹æ–¹æ³•ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ã€‚ CSS ãƒ•ã‚¡ã‚¤ãƒ«è‡ªä½“ã‚’åˆ†ã‘ã‚‹æ–¹æ³• @media è¦å‰‡ã§ 1ãƒ•ã‚¡ã‚¤ãƒ«å†…ã«ãƒ¡ãƒ‡ã‚£ã‚¢ç‰¹æ€§å˜ä½ã«æ›¸ãæ–¹æ³• @media è¦å‰‡ã§ 1ãƒ•ã‚¡ã‚¤ãƒ«å†…ã«ãƒ‘ãƒ¼ãƒ„å˜ä½ã§æ›¸ãæ–¹æ³• ãã‚Œãžã‚Œã‚’ã‚³ãƒ¼ãƒ‰ã§è¡¨ã™ãªã‚‰ä»¥ä¸‹ã®æ›¸ãæ–¹ãŒè©²å½“ã—ã¾ã™ã€‚ æ–¹æ³•1 : CSS ãƒ•ã‚¡ã‚¤ãƒ«è‡ªä½“ã‚’åˆ†ã‘ã‚‹æ–¹æ³•ã“ã®æ–¹æ³•ã¯ç®¡ç†ãŒå¤§å¤‰ã§ãŠã™ã™ã‚ã§ãã¾ã›ã‚“ã€‚ã“ã‚Œã§ãƒ•ã‚¡ã‚¤ãƒ«ã”ã¨ã‚³ãƒ¼ãƒ‰åˆ†å‰²ã•ã‚Œã¦ã—ã¾ã£ãŸã‚‰ã‚³ãƒ¼ãƒ‰æ¤œç´¢ã—ã¥ã‚‰ã„ã‚ã‘ã§ã™ã€‚ <link rel="stylesheet" href="desktop.css" media="(min-width:769px)">
bigwest 2012/10/02
web design

responsive

css
ãƒªãƒ³ã‚¯
åŽ³é¸ï¼é«˜å“è³ªãªã®ã«ç„¡æ–™ã§ä½¿ç”¨ã§ãã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®WordPressã®ãƒ†ãƒ¼ãƒžã®ã¾ã¨ã‚ -2012å¹´ç‰ˆ
2012å¹´ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã‚‚ã®ã‚’ä¸å¿ƒã«ã€ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹é«˜å“è³ªãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– ãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã®WordPressã®ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ã ã¡ã‚‡ã£ã¨æ—©ã„ã§ã™ãŒã€ã€Œ2012å¹´ãƒ™ã‚¹ãƒˆã€ãªæ„Ÿã˜ã§ã™ã€‚
bigwest 2012/10/02
wordpress

theme

responsive
ãƒªãƒ³ã‚¯
[CSS]é«˜æ€§èƒ½ã™ãŽã¦ãƒ“ãƒƒã‚¯ãƒªã—ã¾ã—ãŸã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ã®è¶…è»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Kube Framework
[CSS]é«˜æ€§èƒ½ã™ãŽã¦ãƒ“ãƒƒã‚¯ãƒªã—ã¾ã—ãŸã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ã®è¶…è»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Kube Framework
bigwest 2012/09/28
responsive

web design
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã«ä¾¿åˆ©ãªFirefoxã®ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ“ãƒ¥ãƒ¼ã€
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã«ä¾¿åˆ©ãªFirefoxã®ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ“ãƒ¥ãƒ¼ã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ“ãƒ¥ãƒ¼ã€ã¯Firefox15ã‹ã‚‰æè¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ ï¼‘ï¼Žã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¨ã¯ ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¨ã¯ã€PCã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆãªã©ã€ã‚ã‚‰ã‚†ã‚‹ãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã™ã‚‹Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ã“ã¨ã‚’æŒ‡ã—ã¾ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ï¼ˆResponsiveï¼‰ã¯ã€ã€Œã‚ˆãåå¿œã—ã¦ã€ã€Œæ•æ„Ÿãªã€ã¨ã„ã†æ„å‘³ãŒã‚ã‚‹ã‚ˆã†ã§ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç¢ºèªã™ã‚‹ã«ã¯ã€è¤‡æ•°ã®ãƒ‡ãƒã‚¤ã‚¹ã‚’ç”¨ã„ã‚‹ã‹ã€æ¥µç«¯ãªè©±ã€PCã§ãƒ–ãƒ©ã‚¦ã‚¶ã®å¹…ã‚’å¤‰æ›´ã™ã‚Œã°ã„ã„ã®ã§ã™ãŒã€Firefoxã®ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ“ãƒ¥ãƒ¼ã€ã‚’åˆ©ç”¨ã™ã‚Œã°ã€ã‚ˆã‚ŠåŠ¹çŽ‡çš„ã«ç¢ºèªä½œæ¥ãŒè¡Œãˆã¾ã™ã€‚ ï¼’ï¼Žã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ“ãƒ¥ãƒ¼ã€ã®ä½¿ã„æ–¹ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆã¨ã—ã¦ã€ŒNHKã‚¹ã‚¿ã‚¸ã‚ªãƒ‘ãƒ¼ã‚¯ã€ã‚’åˆ©ç”¨ã•ã›ã¦é ‚ãã¾ã™ã€‚ N
bigwest 2012/09/24
firefox

responsive
ãƒªãƒ³ã‚¯
å¿…èªï¼5åˆ†ã§ã‚ã‹ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ ãã®2 | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®é‡Žç”°ã§ã™ã€‚ å‰å›žæ›¸ã‹ã›ã¦ã„ãŸã ã„ãŸã€Œå¿…èªï¼5åˆ†ã§ã‚ã‹ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ã€ãŒã€å¤§å¤‰å¥½è©•ã ã£ãŸãŸã‚ã€ä»Šå›žã‚‚ç¶šç·¨ã‚’æ›¸ã‹ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ä»Šå›žã¯ã€å¿œç”¨ç·¨ã®ã¤ã‚‚ã‚Šã§ã—ãŸãŒã€å‰å›žã ã‘ã§ã¯è¶³ã‚Šã¦ã„ãªã„äº‹ãŒå¤šã‹ã£ãŸã®ã§ã€ã‚‚ã†å°‘ã—åŸºæœ¬ã¨ãªã‚‹éƒ¨åˆ†ã‚’å›ºã‚ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ æœ¬å½“ã«åŸºæœ¬çš„ãªäº‹ã§ã™ãŒã€å¤§åˆ‡ãªäº‹ã§ã™ã®ã§ã€å°‘ã—ã§ã‚‚çš†æ§˜ã®ãŠå½¹ã«ãŸã¦ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã§å¿…ãšè€ƒãˆãªã‘ã‚Œã°ãªã‚‰ãªã„äº‹ ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã€ã§åˆ¶ä½œã™ã‚‹éš›ã«ã¯ã€å¿…ãšè€ƒãˆãªã‘ã‚Œã°ãªã‚‰ãªã„äº‹ãŒã„ãã¤ã‹ã‚ã‚Šã¾ã™ã€‚ ã“ã‚Œã¯ã€è€ƒãˆã¦ã„ãªã‘ã‚Œã°åˆ¶ä½œã™ã‚‹éš›ã«å¿…ãšã¤ã¾ãšãäº‹ã§ã‚‚ã”ã–ã„ã¾ã™ã€‚ â– å¯¾å¿œãƒ‡ãƒã‚¤ã‚¹ã®ç¢ºèª ã¾ãšã¯ã€å¯¾å¿œãƒ‡ãƒã‚¤ã‚¹ã®ç¢ºèªã‚’ã—ã¾ã—ã‚‡ã†ã€‚ ç¾åœ¨ã€æ§˜ã€…ãªè§£åƒåº¦ã‚’æŒã¤ãƒ‡ãƒã‚¤ã‚¹ãŒã”ã–ã„ã¾ã™ã€‚å¤§ä½“ã®ã‚µã‚¤ã‚ºã¨ã—ã¦ä¸‹è¨˜ã®ã‚‚ã®ãŒæŒ™ã’ã‚‰ã‚Œã¾ã™ã€‚ â€»PCã®è§£åƒåº¦ã«é–¢ã—ã¦ã¯ã€ä»Šå›žã¯çœç•¥ã•ã›ã¦ã„ãŸã ãã¾ã™
bigwest 2012/08/20
web design

responsive
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§jQuery Mobileãªä¼æ¥ã‚µã‚¤ãƒˆã‚’é–‹ç™ºãƒ»å…¬é–‹ã—ã¾ã—ãŸï¼ˆæ ªå¼ä¼šç¤¾ã‚·ãƒ¼ã‚¨ãƒ¼ãƒ»ãƒ¢ãƒã‚¤ãƒ«å…¬å¼ã‚µã‚¤ãƒˆï¼‰ - IT-Walker on hatena
http://www.camobile.com æ˜¨æ—¥ã‚ªãƒ¼ãƒ—ãƒ³ã—ãŸã®ã§ã™ãŒã€ã“ã¡ã‚‰ã§ã‚‚å®£ä¼ã—ã¦ãŠãã¾ã™ã€‚ ã“ã®2ãƒ¶æœˆå¼±ã¨ã„ã†ã‚‚ã®ã€ã“ã¡ã‚‰ã®ã‚µã‚¤ãƒˆã‚’é–‹ç™ºã—ã¦ã¾ã—ãŸã€‚ ã¼ããŒç¾åœ¨ãŠä¸–è©±ã«ãªã£ã¦ã„ã‚‹ã€æ ªå¼ä¼šç¤¾ã‚·ãƒ¼ã‚¨ãƒ¼ãƒ»ãƒ¢ãƒã‚¤ãƒ«ã•ã‚“ã®ä¼æ¥ã‚µã‚¤ãƒˆã§ã™ã€‚ æ»ã«ãã†ãªã»ã©å¿™ã—ã‹ã£ãŸã‘ã©ã€ãªã‹ãªã‹ã‚¤ãƒ³ãƒ‘ã‚¯ãƒˆã®ã‚ã‚‹ã‚µã‚¤ãƒˆãŒã§ããŸã‚“ã˜ã‚ƒãªã„ã‹ã¨è‡ªè² ã—ã¦ã¾ã™ã€‚ è‡ªç”±ã«ã‚„ã‚‰ã›ã¦ã„ãŸã ãã€ç· ã‚åˆ‡ã‚Šã®å»¶é•·ã«ã‚‚å¿œã˜ã¦ä¸‹ã•ã£ãŸã€ã‚·ãƒ¼ã‚¨ãƒ¼ãƒ»ãƒ¢ãƒã‚¤ãƒ«ã•ã‚“ã®æ‡ã®æ·±ã•ã«æ„Ÿè¬ã€‚ ãƒžã‚¦ã‚¹ãƒ›ã‚¤ãƒ¼ãƒ«ã®ãªã„æ–¹ã¯ã€æ–¹å‘ã‚ãƒ¼ã§ã‚‚ãŠæ¥½ã—ã¿ã„ãŸã ã‘ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã¼ãä¸€äººã§ä½œã£ãŸã‚ã‘ã§ã¯ãªãã€ä½œæ¥ã®ã»ã‚“ã®ä¸€éƒ¨ã‚’ãŠæ‰‹ä¼ã„ã—ãŸã ã‘ã§ã™ã€‚ ä¸€ç·’ã«åˆ¶ä½œã—ãŸãƒ¡ãƒ³ãƒãƒ¼ã§ã‚ã‚‹ç¨²ç”°çœŸå¸†ã•ã‚“ã€é‡‘äº•å¥ä¸€ã•ã‚“ã€æ¡‘ç”°ç¾Žç”±å–œã•ã‚“ã€æŸ´ç”°éº»è¡£ã•ã‚“ã€ã»ã‹ã‚·ãƒ¼ã‚¨ãƒ¼ãƒ»ãƒ¢ãƒã‚¤ãƒ« ãƒ‡ã‚¶ã‚¤ãƒ³å®¤ã®çš†æ§˜ã«ã¯ã€æ·±ãæ„Ÿè¬ã‚’ç”³ã—ä¸Šã’ã¾ã™ã€‚ ä»Šå›žã€ã‹ãªã‚Šè‡ªç”±ã«ã‚„ã‚‰ã›ã¦ã„ãŸã ã‘ãŸã®ã§ã€æŠ€è¡“çš„ãªãƒãƒ£ãƒ¬ãƒ³ã‚¸
bigwest 2012/08/07
responsive

jQuery

mobile
ãƒªãƒ³ã‚¯
ã‚¼ãƒã‹ã‚‰å§‹ã‚ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³å…¥é–€
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã€PCãªã©ã‚ã‚‰ã‚†ã‚‹ãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã™ã‚‹åˆ¶ä½œæ‰‹æ³•ã¨ã—ã¦æ³¨ç›®ã•ã‚Œã¦ã„ã‚‹ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã€ã€‚ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®æ¦‚å¿µã‹ã‚‰ã‚µã‚¤ãƒˆåˆ¶ä½œã®åŸºæœ¬ã¾ã§ã€èŠæ± å´‡æ°ãŒè§£èª¬ã—ã¾ã™ã€‚
bigwest 2012/07/13
responsive
ãƒªãƒ³ã‚¯
WordPress3.4ã«æœ€é©åŒ–ã•ã‚ŒãŸã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã®WordPressã®ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ« -The Boiler
WordPress3.4ã«æœ€é©åŒ–ã•ã‚Œã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ»ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«å¯¾å¿œã—ãŸã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã«å„ªã‚ŒãŸHTML5+CSS3ã§ä½œæˆã•ã‚ŒãŸWordPressã®ãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
bigwest 2012/07/06
wordpress

responsive
ãƒªãƒ³ã‚¯
CSS3ã ã‘ã§ä½œã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒ¼ã®ä½œã‚Šæ–¹
ã“ã‚“ã«ã¡ã¯ã€é´¨ç”°ã§ã™ã€‚ æœ€è¿‘ã¯Retinaå¯¾å¿œã®Mac Book ProãŒå‡ºãŸã‚Šã€ç‰¹ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«é™ã‚‰ãšã€è§£åƒåº¦ã®é«˜ã„ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ãŒå¤šããªã£ã¦ãã¾ã—ãŸã€‚ãã†ãªã‚‹ã¨ã€ç”»åƒã§ã„ã‚ã„ã‚ãªç´ æã‚’ä½œã‚‹ã¨ã„ã†ã“ã¨ã«é–¢ã—ã¦é™ç•ŒãŒå‡ºã¦ãã¾ã™ã€‚ ãªã®ã§ã€æœ€è¿‘ã¯CSSã ã‘ã§ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’è¡Œã†ã“ã¨ãŒå¤šã„ã¨ã¯æ€ã„ã¾ã™ãŒã€çŸ¥ã£ã¦ã‚‹äººã‚‚çŸ¥ã‚‰ãªã„äººã‚‚ã¡ã‚‡ã£ã¨ã—ãŸãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒ¼ã‚’ä½œã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ä½œã‚‹ã®ã¯ã€æ¨ªå¹…ã¯ç‰¹ã«è¨å®šã—ãªã„ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚å¯¾å¿œã§ãã‚‹ãƒªã‚ãƒƒãƒ‰ãª6ã¤ã®é …ç›®ã‚’æŒã£ãŸãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒ¼ã¨ã—ã¾ã™ã€‚ãŸã ã—ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚’æ„è˜ã—ã¦ã€å¤–å´ã«320pxã®ãƒ©ãƒƒãƒ‘ãƒ¼ã‚’é…ç½®ã—ã¦ãŠãã¾ã™ã€‚ æ³¨æ„äº‹é …ã¨ã—ã¦ã€Firefoxã¨Webkitç³»ãƒ–ãƒ©ã‚¦ã‚¶(Google Chromeã€Safariãªã©)ã§ã—ã‹ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’ã¤ã‘ã¦ã„ãªã„ã®ã§ã€ãã‚Œä»¥å¤–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§è¦‹ã‚‹ã¨ã€å´©ã‚Œã¾ã™ã€‚
bigwest 2012/06/27
CSS3

menu

responsive
ãƒªãƒ³ã‚¯
[JS]ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚OKã€æ°´å¹³ã‚¿ã‚¤ãƒ—ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã„ã„æ„Ÿã˜ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -HorizontalNav
ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã—ãŸæ°´å¹³ã‚¿ã‚¤ãƒ—ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å£Šã™ã“ã¨ãªãã€é…ç½®ã‚¨ãƒªã‚¢ãƒ»è¡¨ç¤ºã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦æœ€é©åŒ–ã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ HorizontalNav [ad#ad-2] HorizontalNavã®ãƒ‡ãƒ¢ HorizontalNavã®ä½¿ã„æ–¹ HorizontalNavã®ãƒ‡ãƒ¢ æ°´å¹³ã‚¿ã‚¤ãƒ—ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®è¦‹ãŸç›®ã¯é€šå¸¸ã€æˆã‚Šè¡Œãã‚„æŒ‡å®šã—ãŸã‚µã‚¤ã‚ºã«ãªã‚Šã¾ã™ãŒã€HorizontalNavã‚’ä½¿ç”¨ã™ã‚‹ã¨é…ç½®ã‚¨ãƒªã‚¢ã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦å„ã‚¢ã‚¤ãƒ†ãƒ ã®ã‚µã‚¤ã‚ºã‚’å‡ç‰ã«ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ï¼š480pxã§è¡¨ç¤º ä¸Šï¼šæœªé©ç”¨ã¯ãŒæˆã‚Šè¡Œãã§äºŒæ®µã«ãªã£ã¦ã—ã¾ã†å¹…ã«ãªã£ã¦ã‚‚ã€ä¸‹ï¼šé©ç”¨ã®è¦‹ãŸç›®ã¯æãªã‚ã‚Œã¾ã›ã‚“ã€‚ HorizontalNavã®ä½¿ã„æ–¹ å®Ÿè£…ã¯4ã‚¹ãƒ†ãƒƒãƒ—ã§ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="//aja
bigwest 2012/06/22
responsive

web design
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã®ç„¡æ–™WordPressãƒ†ãƒ¼ãƒž12é¸ï½œã‚¤ã‚±ãƒãƒ¤å¤§å¦ã€ãƒ–ãƒã‚°ç‰ˆã€‘
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã®ç„¡æ–™ãƒ†ãƒ¼ãƒžã¾ã¨ã‚ã‚’ç™ºè¦‹ã€‚12å€‹è¼‰ã£ã¦ã¾ã™ãŒã€ã‹ã„ã¤ã¾ã‚“ã§5ã¤ç´¹ä»‹ã€‚ 12 New Free Responsive WordPress Themes [June 2012] Meeta Demo | Download Accentbox Demo | Download Unique Demo | Download Live Wire Demo | Download Newzeo Demo | Download 12 New Free Responsive WordPress Themes [June 2012] ã¨ã„ã†ã‚ã‘ã§ã€æ°—ã«ãªã£ãŸã‚‚ã®ã‚’5ã¤ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã€‚ã‚‚ã£ã¨çŸ¥ã‚ŠãŸã„æ–¹ã¯å…ƒè¨˜äº‹ã‚’ãœã²ã€‚ ç„¡æ–™ã§ã‚‚ã‹ãªã‚Šã„ã„ã‚‚ã®ãŒå‡ºã¦ãã¦ã¾ã™ãã€‚å½“ãƒ–ãƒã‚°ã‚‚ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ†ãƒ¼ãƒžã«å¤‰ãˆãŸã„ã¨ã“ã‚ã€‚ ã‚¤ã‚±ãƒãƒ¤ã§ã™ã€‚ ã€ŒåŽå…¥ã«ä¸æº€ãŒã‚ã‚‹ã€ ã€Œä¸åŠ´æ‰€å¾—ãŒã»ã—ã„ã€ ã€Œè‡ªåŠ›ã§ç¨¼ã’ã‚‹ã‚ˆã†
bigwest 2012/06/21
responsive

wordpress
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ã‚’å®Ÿè£…ã™ã‚‹éš›ã®ç”»é¢å¹…ã®ã‚µã‚¤ã‚ºä¸€è¦§ã¨ãƒ†ã‚¹ãƒˆ
â€»å…ˆæ—¥èªã‚“ã ã€ŒResponsive Web Designã€ã¨ã„ã†æœ¬ã§ã¯ã€Media Queriesã‚’è¨å®šã™ã‚‹éš›ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆèª¿æ•´ã®èµ·ç‚¹ã¨ãªã‚‹ã‚µã‚¤ã‚ºã‚’ã€ŒBreakpointã€ã¨èªã‚“ã§ã„ãŸã®ã§ã€ã“ã“ã§ã‚‚ãã®åç§°ã‚’ãã®ã¾ã¾ä½¿ã„ã¾ã™ã€‚ å„ã‚µã‚¤ã‚ºã§ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ†ã‚¹ãƒˆ å„ç”»é¢ã‚µã‚¤ã‚ºã§ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ†ã‚¹ãƒˆã¯Firefoxã‚„Chromeã®ã€ŒWeb Developerã€æ‹¡å¼µæ©Ÿèƒ½ãªã©ã‚’ä½¿ã£ã¦è¡Œã†ã®ãŒä¾¿åˆ©ã§ã™ã€‚Chromeç‰ˆã€ŒWeb Developerã€ã§ã¯ã€ç”»é¢ã‚µã‚¤ã‚ºã®è¿½åŠ æ©Ÿèƒ½ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€å…ˆæ—¥ç´¹ä»‹ã—ãŸæ–¹æ³•ã§ã‚µã‚¤ã‚ºãŒè¿½åŠ å¯èƒ½ã§ã™ã€‚ ãƒ–ãƒ¬ã‚¤ã‚¯ãƒã‚¤ãƒ³ãƒˆé–“ã®ãƒ†ã‚¹ãƒˆ ä¸Šè¨˜ä¸€è¦§ã¯ã‚ãã¾ã§ãƒ†ã‚¹ãƒˆã®ç›®å®‰ã§ã—ã‹ã‚ã‚Šã¾ã›ã‚“ã€‚ãŸã¨ãˆã°ã€1280pxã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹ãƒ¦ãƒ¼ã‚¶ãŒå¿…ãšã—ã‚‚ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’ãƒ•ãƒ«ã‚µã‚¤ã‚ºã«ã—ã¦ä½¿ã£ã¦ã„ã‚‹ã¨ã¯é™ã‚Šã¾ã›ã‚“ã€‚ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’ãƒ‰ãƒ©ãƒƒã‚°ã—ã¦ãƒªã‚µã‚¤ã‚ºã—ã¦ã€å„ãƒ–ãƒ¬ã‚¤ã‚¯ãƒã‚¤ãƒ³ãƒˆé–“ã§ã‚‚å¤§ããªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®å´©ã‚ŒãŒãª
bigwest 2012/06/20
responsive

web design
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆè¨è¨ˆãƒ»å®Ÿè£…ãƒ»ç¢ºèªã«å½¹ç«‹ã¤ãƒ„ãƒ¼ãƒ«ã¨ãƒªã‚½ãƒ¼ã‚¹ã®ã¾ã¨ã‚
A Simple Device Diagram for Responsive Design Planning å’Œè¨³ï¼šã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®ãŸã‚ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®å¹…ã‚’ã©ã®ã‚ˆã†ã«è¨è¨ˆã™ã‚Œã°ã‚ˆã„ã‹ å„ãƒ‡ãƒã‚¤ã‚¹ã®ã‚µã‚¤ã‚ºä¸€è¦§ã‚’è¸ã¾ãˆã€ã©ã®ã‚ˆã†ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®å¹…ã‚’è¨è¨ˆã—ã€ã„ãã¤ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ç”¨æ„ã™ã‚‹ã®ãŒã‚ˆã„ã‹ã€‚PSDç´ æä»˜ãã€‚
bigwest 2012/06/19
responsive
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã«ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŽ¨å¥¨ã€GoogleãŒå…¬é–‹ã—ãŸã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®æœ€é©åŒ– at #SMX Advanced Seattle 2012
[å¯¾è±¡: ä¸ã€œä¸Šç´š] SMX Advanced Seattle 2012 ã‚»ãƒƒã‚·ãƒ§ãƒ³ãƒ¬ãƒãƒ¼ãƒˆç¬¬2å¼¾ã¯ã€è‹±Googleã®Pierre Farï¼ˆãƒ”ã‚¨ãƒ¼ãƒ«ãƒ»ãƒ•ã‚¡ãƒ¼ï¼‰æ°ã«ã‚ˆã‚‹ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®æœ€é©åŒ–ã€ã§ã™ã€‚ Faræ°ã®ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã€ç›´å‰ã«Google Webmaster Central Blogã§å…¬å¼ã‚¢ãƒŠã‚¦ãƒ³ã‚¹ãŒã‚ã£ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆæ§‹ç¯‰ã®æŽ¨å¥¨ã«é–¢ã™ã‚‹è¨˜äº‹ã¨ãã®è©³ç´°ã‚’èª¬æ˜Žã—ã¦ã„ã‚‹ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¨ã»ã¼åŒã˜å†…å®¹ã§ã™ã€‚ Faræ°ã®ãƒ—ãƒ¬ã‚¼ãƒ³ã¨å…¬é–‹ã•ã‚ŒãŸã°ã‹ã‚Šã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’åˆã‚ã›ã¦ã€GoogleãŒæŽ¨å¥¨ã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹éš›ã®æœ€é©åŒ–ã«ã¤ã„ã¦ãƒ¬ãƒãƒ¼ãƒˆã—ã¾ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®æœ€é©åŒ– 3ã‚¿ã‚¤ãƒ—ã®æ§‹æˆã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’Googleã¯ã‚µãƒãƒ¼ãƒˆ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ (Responsive web design) â€” ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¨ãƒ¢ãƒã‚¤ãƒ«ã§åŒã˜URLãƒ»åŒ
bigwest 2012/06/14
responsive

web design

SmartPhone
ãƒªãƒ³ã‚¯
[JS]Responsiveãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒãƒ¼ãƒ‰ã‚’æœ€é©åŒ–ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -eCSSential
Responsiveãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ã«ç”¨æ„ã—ãŸè¤‡æ•°ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒãƒ¼ãƒ‰ã‚’æœ€é©åŒ–ã™ã‚‹è¶…è»½é‡ï¼ˆ2KBï¼‰ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ eCSSential -GitHub [ad#ad-2] ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒãƒ¼ãƒ‰ã®æ³¨æ„ç‚¹ eCSSentialã¨ã¯ eCSSentialã®ä½¿ã„æ–¹ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒãƒ¼ãƒ‰ã®æ³¨æ„ç‚¹ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®æœ€é©åŒ–ã€ã‚ã‚‹ã„ã¯å„ªå…ˆé †ä½ã‚’ã¤ã‘ã‚‹æ–¹æ³•ã¯éžå¸¸ã«é›£ã—ã„ã§ã™ã€‚ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãŒã‚¯ãƒªãƒ¼ãƒ³ãªãƒãƒ¼ãƒ‰ã‚’ã™ã‚‹ãŸã‚ã«ã¯ã€ãƒšãƒ¼ã‚¸ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã«å¿…è¦ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãŒãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®headå†…ã«é…ç½®ã•ã‚Œãªãã¦ã¯ã„ã‘ã¾ã›ã‚“ã€‚ ã‚‚ã—ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãŒãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚ˆã‚Šå¾Œã‚ã«é…ç½®ã€ã‚ã‚‹ã„ã¯JavaScriptã§å‹•çš„ã«é…ç½®ã•ã‚Œã‚‹å ´åˆã¯ã€ãƒšãƒ¼ã‚¸ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¨å…±ã«ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒãƒ¼ãƒ‰ãŒå§‹ã¾ã£ã¦ã—ã¾ã†ã®ã§ã€ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºãŒé…ããªã‚Šã¾ã™ã€‚ Responsiv
bigwest 2012/06/14
responsive

javascript
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸