[B! 720 ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–] satoschiã®ãƒ

satoschi id:satoschi

720 ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«é–¢ã™ã‚‹satoschiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

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

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ï¼Ÿä½œã‚Šæ–¹ã‚„å®Ÿè£…ã®ãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒªãƒƒãƒˆãªã©åˆå¿ƒè€…å‘ã‘ã«è§£èª¬ï¼ï½œãƒ‡ã‚£ãƒ¼ãƒœã®SEOãƒ©ãƒœ
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ã€PCã‚„ãƒ¢ãƒã‚¤ãƒ«ï¼ˆã‚¹ãƒžãƒ›ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆãªã©ï¼‰ã¨ã„ã£ãŸã‚ã‚‰ã‚†ã‚‹ãƒ‡ãƒã‚¤ã‚¹ã‚µã‚¤ã‚ºã«å¿œã˜ã¦cssã‚’åˆ‡ã‚Šæ›¿ãˆã€ã²ã¨ã¤ã®htmlã§è¤‡æ•°ã®è¦‹ã›æ–¹ã‚’å¯èƒ½ã«ã™ã‚‹æ–¹æ³•ã®ã“ã¨ã§ã™ã€‚åˆ¥åã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³(ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³)ã€ã¨ã‚‚å‘¼ã°ã‚Œã¾ã™ã€‚ ã“ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã†ã¾ãå®Ÿè£…ã™ã‚Œã°ã€SEOã¸ã®è‰¯ã„åŠ¹æžœãŒæœŸå¾…ã§ãã¾ã™ã€‚ ä¸€æ–¹ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå®Ÿè£…ã§ããªã‘ã‚Œã°ã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ãƒšãƒ¼ã‚¸ã‚’å€‹åˆ¥ã«ã‚¹ãƒžãƒ›å¯¾å¿œã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ å€‹åˆ¥ã«ã§ããªã‘ã‚Œã°ã€ã‚¹ãƒžãƒ›å¯¾å¿œã‚’æ”¾ç½®ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ã“ã®å ´åˆã€ãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼æœªå¯¾å¿œã§ãºãƒ¼ã‚¸ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ãŒåŠ£ã‚‹ã®ã§ã€Googleã‹ã‚‰è©•ä¾¡ã•ã‚Œã¥ã‚‰ããªã‚Šã¾ã™ã€‚ çµæžœã€æ¤œç´¢é †ä½ãŒä¸ŠãŒã‚Šã¥ã‚‰ããªã‚‹ã¨ã„ã†ã‚ã‘ã§ã™ã€‚ ã“ã†ã—ãŸè‰¯ããªã„çŠ¶æ³ã‚’å›žé¿ã™ã‚‹ç‚ºã«ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç©æ¥µçš„ã«æŽ¡ç”¨ã—ã¦ã€ãƒ¢ãƒã‚¤ãƒ«ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä½¿ã„ã‚„ã™ã„ã‚µã‚¤ãƒˆã«ã—ã¾ã—ã‚‡ã†ã€‚ ã“ã®ç‚¹
satoschi 2017/10/13
72 WEB DESIGN

720 ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
[JS]ä¸€æ©é€²ã‚“ã ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ç”¨ã®ç”»åƒé…ç½®ï¼è¦‹ã›ãŸã„ã‚¨ãƒªã‚¢ã‚’ä¸å¿ƒã«é…ç½®ã‚’ç¾Žèª¿æ•´ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -ResponsifyJS
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ç”¨ã«ç”»åƒã®è¡¨ç¤ºå¹…ãƒ»é«˜ã•ã‚’å¤‰æ›´ã™ã‚‹éš›ã«ã€ãã®ç”»åƒã®ä¸»é¡Œã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚¨ãƒªã‚¢ã‚’è¨å®šã—ã€ãã®ã‚¨ãƒªã‚¢ã‚’ä¸å¿ƒã«ç”»åƒã‚’è¡¨ç¤ºã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚¨ãƒªã‚¢ã¯ã€ãã‚Œãžã‚Œã®ç”»åƒã”ã¨ã«ç•°ãªã‚‹æŒ‡å®šãŒå¯èƒ½ã§ã™ã€‚
satoschi 2015/11/30
72 WEB DESIGN

720 javascript

720 jquery

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

720 responsive
ãƒªãƒ³ã‚¯
HTML5 UP! Responsive HTML5 and CSS3 Site Templates
satoschi 2015/11/10
*FAVORITE

72 WEB DESIGN

720 responsive

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

*TEMPLETE
ãƒªãƒ³ã‚¯
ã‚¼ãƒã‹ã‚‰å§‹ã‚ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³å…¥é–€
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã€PCãªã©ã‚ã‚‰ã‚†ã‚‹ãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã™ã‚‹åˆ¶ä½œæ‰‹æ³•ã¨ã—ã¦æ³¨ç›®ã•ã‚Œã¦ã„ã‚‹ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã€ã€‚ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®æ¦‚å¿µã‹ã‚‰ã‚µã‚¤ãƒˆåˆ¶ä½œã®åŸºæœ¬ã¾ã§ã€èŠæ± å´‡æ°ãŒè§£èª¬ã—ã¾ã™ã€‚
satoschi 2013/09/03
72 WEB DESIGN

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

*TIPS
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹è¶…è»½é‡ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -skel.js | ã‚³ãƒªã‚¹
ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ¼ãƒ³ã§å‹•ä½œã™ã‚‹19KBã®è¶…è»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚ ã•ã¾ã–ã¾ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«å¯¾å¿œã§ãã‚‹ã‚°ãƒªãƒƒãƒ‰ã€‚ è¡¨ç¤ºã‚µã‚¤ã‚ºã”ã¨ã®ãƒ–ãƒ¬ã‚¤ã‚¯ãƒã‚¤ãƒ³ãƒˆã®è¨å®šã‚‚ç°¡å˜ã€‚ resetã‚„box-modelãªã©ã®æœ‰ç”¨ãªCSSã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚’ç”¨æ„ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³æ©Ÿèƒ½ã‚‚å‚™ãˆã¦ã„ã‚‹ã®ã§ã€æ‹¡å¼µã«ã‚‚å¯¾å¿œã€‚ skel.jsã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªæ§‹æˆã®ãƒšãƒ¼ã‚¸ãŒè¡¨ç¤ºãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¾ãšã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚µã‚¤ã‚ºã¨ã—ã¦ã€å¹…1200pxã§è¡¨ç¤ºã—ã¦ã¿ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šå¹…480pxã§è¡¨ç¤º skel.jsã®ä½¿ã„æ–¹ jQueryã‚„ä»–ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãªã©ã‚’ç”¨æ„ã›ãšã«ã€ã™ãã«åˆ©ç”¨ã§ãã¾ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="skel.js"></script> jQueryã‚‚ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚‚ä»–ã®ãƒ•ã‚¡ã‚¤ãƒ«ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ Step 2: ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ— ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ã‚»
satoschi 2013/05/23
72 WEB DESIGN

720 javascript

720 ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
1