[B! web][ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ] hatano99ã®ãƒ

hatano99 id:hatano99

webã¨ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«é–¢ã™ã‚‹hatano99ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

éžWEBå±‹ã§ã‚‚ã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹é©šç•°çš„ã‚µãƒ¼ãƒ“ã‚¹ï¼ã€Žã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã€ã¨ã„ã†æ•·å±…ãŒã©ã‚“ã©ã‚“ä½Žããªã£ã¦ã„ã‚‹ã¨å®Ÿæ„Ÿã™ã‚‹ç‰©è‰²ã€… | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
å…ˆé€±ãã‚‰ã„ã®ãŠè©±ã§ã™ãŒã€â€œã‚«ãƒŠãƒ€ã§ç•™å¦ã—ãŸå¾Œè‡ªåˆ†ãŸã¡ã§ã‚¹ãƒ¢ãƒ¼ãƒ«ãƒ“ã‚¸ãƒã‚¹ã‚’ã‚„ã‚‹ã‹ã‚‰ã‚µã‚¤ãƒˆãŒæ¬²ã—ã„ã€ã§ã‚‚ãŠé‡‘ç„¡ã„ã‹ã‚‰è‡ªåˆ†ãŸã¡ã§ä½œã‚ŠãŸã„ã€‚â€çš„ãªç›¸è«‡ãŒã‚ã£ã¦ã€ã€Œãã‚“ãªã€ã‚µã‚¤ãƒˆä½œã‚‹ã ã‘ã®ã‚µãƒ¼ãƒ“ã‚¹ãªã‚“ãžã€è…ã‚‹ç¨‹ã‚ã‚‹ã‚ãã‚ã‚ï¼ï¼ã€ã¨ã€åŠåˆ†ãƒ¤ã‚±ããã«ãªã£ã¦ãŠè©±ã—ãŸã®ã§ä¸åº¦ã„ã„æ©Ÿä¼šã ã‹ã‚‰ã¾ã¨ã‚ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ã¾ãã€ä»Šæ—¥ã¯ã©ã¡ã‚‰ã‹ã¨ã„ã†ã¨ã€å®Œå…¨ã«éžWEBå±‹ãªäººã«å‘ã‘ãŸã‚µã‚¤ãƒˆè‡ªä½“ã‚’ä½œã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã€å•ã„åˆã‚ã›ãªã©ã®ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ†ã‚¹ãƒˆã‚’ä½Žã‚³ã‚¹ãƒˆã§è¡Œã†ãŸã‚ã®ã‚µãƒ¼ãƒ“ã‚¹ã€ãã†ã„ã†ç‰©ã‚’ã”ç´¹ä»‹ã—ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ ãŸã¶ã‚“ã€è¶£å‘³ã‚„ã¨ã‚Šã‚ãˆãšã‚µã‚¤ãƒˆä½œã‚ŠãŸã„ã¨æ€ã£ã¦ã„ã‚‹äººã«ã¯æœ—å ±ã¨ã—ã¦ã€ã¨ã‚Šã‚ãˆãšã‚µã‚¤ãƒˆä½œã‚Œã‚‹äººãŒWEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã ã¨æ€ã£ã¦ã„ã‚‹äººã¸ã¯å•“ç™ºï¼ˆçš„ãªï¼Ÿï¼‰ã¨ã—ã¦ã€è¨˜äº‹ã‚’æ›¸ã‹ã›ã¦é ‚ã‘ã‚‹ã¨å¹¸ã„ã§ã™ï¼ åŠ ãˆã¦ãŸã¾ã«ã€ã€Œã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚ŠãŸã„ã€‚ã€ã¨åƒ•ã®å…ƒã«æ¥ã¦ãã‚Œã‚‹äººãŒã„ã¾ã™ãŒã€ã‚‚ã—ãã†ã„ã£ãŸäººãŒã€Œ
hatano99 2012/05/16
ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

ãƒ„ãƒ¼ãƒ«

webåˆ¶ä½œ

webã‚µãƒ¼ãƒ“ã‚¹

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

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

web
ãƒªãƒ³ã‚¯
HTML+CSS templating
HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã‚‹ã®ã¯ç°¡å˜ï¼Ÿ èµ¤ã®ä»–äººãŒä½œã£ãŸHTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç°¡å˜ã«ç·¨é›†ã§ãã‚‹ã‹ï¼Ÿ æ–°äººã«æ•°åƒãƒšãƒ¼ã‚¸ã®ã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ä»»ã›ã‚‰ã‚Œã‚‹ã‹ï¼Ÿ HTML, CSS, JavaScriptã‚’è¦šãˆã‚Œã°ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¯æ¥½å‹ï¼Ÿ ãã“ã¾ã§ç°¡å˜ã˜ã‚ƒãªã„ã‹ã‚‚ã—ã‚“ãªã„ ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒã‚°ï¼Ÿ ã¾ããã‚Œã‚‚ã‚ã‚Šã¾ã™ Cascadingã¨ã„ã†ä»•çµ„ã¿ã¯ç´ æ•µã§ã™ãŒ ã‚ã£ã¨ã„ã†é–“ã«ã‚³ãƒ¼ãƒ‰ãŒå¤§å¤‰ãªã“ã¨ã«ãªã‚Šã¾ã™ CSSã«ã¯ç´ æ•µãªã‚»ãƒ¬ã‚¯ã‚¿ãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ãŒã€ æ®‹å¿µãªãŒã‚‰IE6ã‚’ä¸‹é™ã¨ã™ã‚‹ç’°å¢ƒã§ã¯ä½¿ãˆãªã„ã‚‚ã®ã°ã‹ã‚Š
hatano99 2010/06/14
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

html

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

template

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

web
ãƒªãƒ³ã‚¯
æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«ä½¿ãˆãã†ãªã®ä¸€å¼ã€‚Ver 3
éšåˆ†å‰ã«ã€Ver2ã®è¦‹ç›´ã—ã‚’ã—ã¦3ã«ãªã£ã¦ãŸã‚“ã§ã™ã‘ã©ã€å…¬é–‹ã—ã¦ãªã‹ã£ãŸã®ã§ä»Šæ›´ãªãŒã‚‰å…¬é–‹ã§ã™ã€‚ ä¸èº«ã¯2ã‚’ä½¿ã£ã¦ã¿ã¦ã€ç¤¾å†…ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‹ã‚‰ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚‚ã‚‰ã£ãŸã‚Šã€è‡ªåˆ†ã§ã‚‚é•å’Œæ„ŸãŒæœ‰ã£ãŸéƒ¨åˆ†ã‚’èª¿æ•´ã—ã¦ã¾ã™ã€‚ ãã‚Œãªã‚Šã®æœŸé–“ä½¿ã£ã¦ã¿ã¦ã€å•é¡Œã‚’ã‚ã‚“ã¾ã‚Šæ„Ÿã˜ã¦ã„ãªã„ã®ã§ã€å®Œæˆåº¦ã¨ã—ã¦ã¯å¤§åˆ†è‰¯ããªã£ãŸã‹ãªãã£ã¦æ€ã„ã¾ã™ã€‚ æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«ä½¿ãˆãã†ãªä¸€å¼ã€‚Ver 3ã‚’DLï¼ˆzipï¼š40kbï¼‰ Ver 3ã‚’è¦‹ã‚‹ Ver.3ã®ä¸èº«ã”èª¬æ˜Ž ä¸»ãªå¤‰æ›´ç‚¹ã‚’ã€‚ style.cssã®widthãªã©ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ã¾ã¨ã‚ã¦ã„ãŸã®ã‚’Ver1ã¨åŒã˜ã«ã€‚ default.cssã«æ›¸ã‹ã‚Œã¦ã„ãŸã€pè¦ç´ ã®margin-bottomã®æŒ‡å®šã‚’style.cssã«ç§»å‹•ã€‚ default.cssã®font-familyã®æŒ‡å®šã‚’è‹¥å¹²å¤‰æ›´ã€‚ index.htmlã«Googleã‚«ã‚¹ã‚¿ãƒ ã‚µãƒ¼ãƒç”¨ã«ä½¿ãˆã‚‹ã‚½ãƒ¼ã‚¹ã‚’è¨˜å…¥ã€‚ Ja
hatano99 2008/11/21
*css

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

css

web

webdesign

webåˆ¶ä½œ

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

xhtml

ãƒ•ã‚¡ã‚¤ãƒ«
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

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

å…¬å¼Twitter

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

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

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

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

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

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

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

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

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

ã‚¿ã‚°

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

webã¨ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«é–¢ã™ã‚‹hatano99ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãŠçŸ¥ã‚‰ã›

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

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

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

ã‚¿ã‚°

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

webã¨ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«é–¢ã™ã‚‹hatano99ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

HTML+CSS templating

æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«ä½¿ãˆãã†ãªã®ä¸€å¼ã€‚Ver 3

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

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

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

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

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

webã¨ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«é–¢ã™ã‚‹hatano99ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«ä½¿ãˆãã†ãªã®ä¸€å¼ã€‚Ver 3

ãŠçŸ¥ã‚‰ã›

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

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

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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