[B! tips][HTML] t298raã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

t298ra id:t298ra

tipsã¨HTMLã«é–¢ã™ã‚‹t298raã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

ãƒªãƒ³ã‚¯ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«å½¹ç«‹ã¤8ï¼‹ã‚¢ãƒ«ãƒ•ã‚¡ã®Tips | ã‚³ãƒªã‚¹
Design vs Art Blogã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œ8 Tips For Better Link Designã€ã‹ã‚‰ã€ãƒªãƒ³ã‚¯ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«å½¹ç«‹ã¤8ã¤ã®Tipsã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 8 Tips For Better Link Design ãƒªãƒ³ã‚¯ã®ãƒ†ã‚ã‚¹ãƒˆã«ã¯ã€ã€Œã“ã“ã‚’ã‚¯ãƒªãƒƒã‚¯ã€ã®ã‚ˆã†ã«ã‚ã„ã¾ã„ãªè¨€è‘‰ã§ã¯ãªãã€ã€Œã‚µãƒ³ãƒ•ãƒ©ãƒ³ã‚·ã‚¹ã‚³ã®ãƒ›ãƒ†ãƒ«ã«ã¤ã„ã¦ã®æƒ…å ±ã€ãªã©ã®ã‚ˆã†ã«ã€ã‚¯ãƒªãƒƒã‚¯å…ˆãŒä½•ã‹å…·ä½“çš„ã«åˆ†ã‹ã‚‹ã‚ˆã†ãªè¨€è‘‰ã‚’ä½¿ç”¨ã™ã‚‹ã€‚ ãƒªãƒ³ã‚¯ã®å‰ã«ã¯ã€ãã®ãƒªãƒ³ã‚¯ã®å†…å®¹ã‚’ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒç†è§£ã§ãã‚‹ã‚ˆã†ãªãƒ†ã‚ã‚¹ãƒˆæƒ…å ±ã‚’ä¸Žãˆã‚‹ã€‚ ãƒªãƒ³ã‚¯ãŒç”»åƒã®å ´åˆã€ãã®ç”»åƒã§ä¼ãˆãŸã„æƒ…å ±ã‚’ãƒ†ã‚ã‚¹ãƒˆã§ã‚‚æä¾›ã™ã‚‹ã€‚ altã«è¨˜è¿°ã™ã‚‹ã ã‘ã§ãªãã€ç”»åƒã®ãã°ã«ãƒ†ã‚ã‚¹ãƒˆã§é…ç½®ã™ã‚‹ã¨ã‚‚ã£ã¨è‰¯ã„ã€‚ ã‚µã‚¤ãƒˆã®é‡è¦ãªãƒªãƒ³ã‚¯(ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚„æ©Ÿèƒ½ãªã©)ã«ã¯ã€accesskeyã‚’è¨å®šã—ã¦ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã§ã®æ“ä½œã‚’æœ‰åŠ¹ã«ã™ã‚‹ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¸ã®æ‰‹åŠ©ã‘ã«ãªã‚Šã¾ã™ã€‚ Tabã‚ãƒ¼ã‚’æŠ¼ã—
t298ra 2009/07/09
HTML

web design

tips
ãƒªãƒ³ã‚¯
HTML - meta ã‚¿ã‚°ã®ä»•æ§˜è©³ç´°ã¾ã¨ã‚ :: Drk7jp
å‰ã‚¨ãƒ³ãƒˆãƒªã€€-ã€€Internet Explorer ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒ„ãƒ¼ãƒ«ãƒãƒ¼ã‚’ç„¡åŠ¹åŒ–ã™ã‚‹ meta ã‚¿ã‚°ã€€ã§äºˆå‘Šã—ãŸã¨ãŠã‚Š meta ã‚¿ã‚°ã«ã¤ã„ã¦ç”Ÿã¾ã‚Œã¦åˆã‚ã¦ã¾ã˜ã‚ã«èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚æ”¹ã‚ã¦èª¿ã¹ã¦ã¿ã‚‹ã¨çŸ¥ã‚‰ãªã‹ã£ãŸã“ã¨æº€è¼‰ã§ã™ã€‚ã£ã¦ã„ã†ã‹ Web ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŸã‚‹ã‚‚ã®ä¸€åº¦ã¯ W3Cå‹§å‘Š ãã‚‰ã„ã¯ä¸€é€šã‚Šç›®ã‚’é€šã—ã¦ãŠã‹ãªãã¦ã¯ãƒ€ãƒ¡ã ãªã¨æ€ã£ãŸã‚Šã—ã¾ã—ãŸã€‚é¢å€’ãªãã‚‰ã„åˆ†é‡ãŒã‚ã‚‹ã‘ã©ã€‚ã²ã¨ã¾ãš meta ã‚¿ã‚°æƒ…å ±ã¨ã—ã¦ã®è‡ªåˆ†ã«ã¨ã£ã¦æ°¸ä¹…ä¿å˜ç‰ˆã¾ã¨ã‚ã¨ã„ã†ä½ç½®ã¥ã‘ã§ã™ã€‚ ã¾ãšã¯å‚è€ƒã«ãªã£ãŸã‚µã‚¤ãƒˆã®ç´¹ä»‹ã‹ã‚‰ã€‚ W3Cå‹§å‘ŠHTML4.01 :: The global structure of an HTML document W3Cå‹§å‘ŠHTML4.01 ç§çš„æ—¥æœ¬èªžè¨³ :: The global structure of an HTML document(ja) rfc2616.txt Another HTML
t298ra 2009/07/07
HTML

tips

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
bodyã«è¨å®šã—ã¦ãŠãã¨ä¾¿åˆ©ãª3ã¤ã®ãƒã‚¤ãƒ³ãƒˆã¨ãŠã¾ã‘ï½œCSS HappyLife
CSSï¼ˆã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼‰ã§bodyã«è¨å®šã—ã¦ãŠãã¨ä¾¿åˆ©ãª5ã¤ã®ãƒã‚¤ãƒ³ãƒˆ - ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¦ã‚©ãƒ¼ã‚«ãƒ¼ | DesignWalker - ãƒã‚µãƒ³ã‚¼ãƒ«ã‚¹ã§åƒãã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ—¥è¨˜ã‚’èªã‚“ã§ã€ãƒœã‚¯ãªã‚Šãªæœ€åˆã«æŒ‡å®šã—ã¦ç½®ãã¨è‰¯ã„ãƒã‚¤ãƒ³ãƒˆã‚’ä¸Šã’ãŸããªã£ãŸã®ã§æ›¸ã„ã¡ã‚ƒã„ã¾ã™ã€‚ ã‚€ã—ã‚ã“ã®ã‚µã‚¤ãƒˆã®æ–¹å‘æ€§çš„ã«æœ‰ã£ãŸæ–¹ãŒä¾¿åˆ©ã ã‚ˆãªãƒ¼ã¨ã€‚ æ›¸ããã£ã‹ã‘ã‚’é ‚ãã€æ„Ÿè¬ã„ãŸã—ã¾ã™ã€‚ ã¡ãªã¿ã«ã€æœ€åˆã«æŒ‡å®šã—ã¦ãŠããƒã‚¤ãƒ³ãƒˆã£ã¦ãã‚Œãžã‚Œã ã¨æ€ã†ã®ã§ã€ä¸€ã¤ã®å‚è€ƒã¨ã—ã¦èªã‚“ã§ã„ãŸã ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚ æœ€åˆã«bodyã«æŒ‡å®šã—ã¦ãŠãã¨ä¾¿åˆ©ã ã¨æ€ã†3ã¤ã‚’ã€‚ body { background:#FFF url(../img/share/bg.gif) no-repeat left top; font-family:Verdana, "ï¼ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯", sans-serif; font-size:80%; } ã˜ã‚ƒã‚ã€è©³ç´°ã«ã¤ã„ã¦è‰²ã€…æ›¸
t298ra 2009/07/07
web design

HTML

CSS

tips
ãƒªãƒ³ã‚¯
ã‚‚ã†ã€classåã‚„idåã§æ‚©ã¾ãªã„ã‚“ã ã‹ã‚‰ã£ï¼ï¼ï½œCSS HappyLife
classåã‚„idåã£ã¦ä»˜ã‘ã‚‹æ™‚æ‚©ã¿ã¾ã›ã‚“ã‹ï¼Ÿ ä»Šã§ã‚‚ãƒœã‚¯ã¯çµæ§‹æ‚©ã‚€ã‚“ã§ã™ãŒã€ãã‚“ãªæ‚©ã¿ã‚’è§£æ±ºã™ã‚‹ç‚ºã«ã€äººã•ã¾ã®ã‚½ãƒ¼ã‚¹è¦—ãã¾ãã£ã¦ã‚ˆãã‚ã‚‹classåã¨idåã‚’æ‹¾ã£ã¦ãã¾ã—ãŸã€‚ ã“ã‚Œã§ã€ãƒãƒ§ãƒƒãƒˆã ã‘ä½œæ¥åŠ¹çŽ‡ã‚¢ãƒƒãƒ—ï¼ï¼Ÿ 2010å¹´6æœˆ10æ—¥è¿½è¨˜ï¼š ã“ã®è¨˜äº‹è‡ªä½“ã€2007å¹´ 1æœˆ15æ—¥ã«æ›¸ã‹ã‚Œã¦ã‚‹ã‚“ã§ã‹ãªã‚Šå¤ã„ã§ã™ã€‚ ã‚ãã¾ã§ã‚‚å‚è€ƒç¨‹åº¦ã«ç•™ã‚ã¦ã‚‚ã‚‰ã†ã®ãŒè‰¯ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ä»Šã ã£ãŸã‚‰ã€html5ã®è¦ç´ ã‚’å‚è€ƒã«ã—ãŸã‚Šã—ã¦ä»˜ã‘ã‚‹ã®ãŒã€ä»Šå¾Œã®äº‹ã‚’è€ƒãˆã‚‹ã¨è‰¯ã„ã®ã‹ãªãƒ¼ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€å–„ã—æ‚ªã—ã®åˆ¤æ–ã¯ã›ãšã«å…¬é–‹ã—ã¦ã„ã‚‹ã‚‚ã®ã§ã™ãŒã€ä½ç½®ã«é–¢ã™ã‚‹ã®ã¯ä»•æ§˜å¤‰æ›´ã«å¼±ããªã‚‹ã®ã§ã‚ªã‚¹ã‚¹ãƒ¡ã¯ã—ã¾ã›ã‚“ã€‚ å…¨ä½“ã«ä½¿ãˆãã†ãªæ„Ÿã˜ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
t298ra 2009/06/22
HTML

CSS

tips

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
HTMLã‚’ç¶ºéº—ã«ä¿ã¤12ã®åŽŸå‰‡ | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Chris Coyieræ°ãŒSmashing Magazineã«ãŠã„ã¦12 Principles For Keeping Your Code Cleanã®ã‚¿ã‚¤ãƒˆãƒ«ã®ã‚‚ã¨HTMLã‚³ãƒ¼ãƒ‰ã‚’ã‚¯ãƒªãƒ¼ãƒ³ã«ã™ã‚‹ãŸã‚ã®12ã®åŽŸå‰‡ã‚’ç´¹ä»‹ã—ã¦ã„ã‚‹ã€‚åŽ³å¯†ã«ã¯11ã®åŽŸå‰‡ã ãŒã€HTMLã‚’ã‚¯ãƒªãƒ¼ãƒ³ã«ä¿ã¤ä¸Šã§å®Ÿè·µçš„ã§åŠ¹æžœçš„ãªã‚‚ã®ã ã€‚Webãƒ‡ã‚¶ã‚¤ãƒŠã‚„Webãƒ‡ãƒ™ãƒãƒƒãƒ‘ã¯ä¸€åº¦ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„ã€‚12 Principles For Keeping Your Code Cleanã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹åŽŸå‰‡ã‚’è¦ç´„ã™ã‚‹ã¨æ¬¡ã®ã‚ˆã†ã«ãªã‚‹ã€‚ [åŽŸå‰‡1] HTML 4.01ã‚’æŽ¡ç”¨ã™ã‚‹å ´åˆã§ã‚‚XHTML 1.0ã‚’æŽ¡ç”¨ã™ã‚‹å ´åˆã§ã‚‚StrictæŒ‡å®šã®DOCTY
t298ra 2008/11/18
web design

HTML

CSS

tips
ãƒªãƒ³ã‚¯
ä»Šã‚ˆã‚Šã¡ã‚‡ã£ã¨ã ã‘ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’ä¸Šã’ã‚‹ãŸã‚ã«ã€‚
åŸ·ç†ãŒçµ‚ã‚ã£ãŸã¨æ€ãˆã°ã€ä¸»æ¥å‹™ãŒæ¿€å‹™ã§ãƒã‚¿ãŒã¡ã‚‰ã»ã‚‰æµ®ã‹ã‚“ã§ãŸã®ã«æ›¸ã‘ãªã„ä»Šæ—¥ã“ã®é ƒã€‚ ã§ã‚‚ã€ã©ã“ãžã®iPhoneãƒã‚¿ã¨å®£ä¼ã°ã‹ã‚Šã«ãªã£ã¦ã—ã¾ã£ãŸãƒ–ãƒã‚°ã‚ˆã‚Šã„ã„ã‹ã‚‚çŸ¥ã‚Œã¾ã›ã‚“ã€‚ãˆã‡ã€‚ ã•ã¦ã€CSSã£ã¦ã‚ã‚‹ç¨‹åº¦è¦šãˆã¦ã—ã¾ãˆã°æ€ã£ãŸä»¥ä¸Šã«ç°¡å˜ã«çµ„ã‚ãŸã‚Šã—ã¦ã€ä½•ã¨ãªãçµ„ã‚ã¦ã„ã‚‹æ°—ãŒã™ã‚‹ã£ã¦æ€ã£ãŸã‚Šã—ãªã„ã£ã™ã‹ãã€‚ ã‚‚ã—ãã¯ã€ãã®é€†ã«ãªãƒ¼ã‚“ã‹ã‚¤ãƒžã‚¤ãƒæˆé•·ã—ã¦ãªã„ã‚ˆã†ãªã£ã¦æ„Ÿã˜ã¦ã‚‹æ™‚ã¨ã‹ã€‚ ãã‚“ãªçŠ¶æ³ã®ã¨ãã«ã€ä»Šã‚ˆã‚Šã¡ã‚‡ã£ã¨ã ã‘ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚„åŠ¹çŽ‡ã‚’ä¸Šã’ã‚‹ã®ã«æ„è˜ã™ã‚‹äº‹ã¨ã‹ã‚„ã£ã¦ãŠãã¹ãã“ã¨ã¨ã‹ã‚’æ€ã„ã¤ãã¾ã¾ã«ä¸Šã’ã¦ã¿ã¾ã™ã€‚ ä»•äº‹ã¨ã—ã¦ã£ã¦ã®ãŒãƒ™ãƒ¼ã‚¹ãªã®ã§ã€å€‹äººã‚µã‚¤ãƒˆã‚„ãƒ–ãƒã‚°ãƒ¬ãƒ™ãƒ«ã ã¨å½“ã¦ã¯ã¾ã‚‰ãªã„ã‹ã‚‚ã€‚ ãƒœã‚¯ãŒæ˜”ã¯ã‚„ã£ã¦ãªã‹ã£ãŸã‘ã©ä»Šã¯å½“ãŸã‚Šå‰ãªäº‹ã¨ã‹ã€ä»Šã§ã‚‚å¿˜ã‚ŒãŒã¡ãªäº‹ã¨ã‹ã€ä½•ã‹ãã†ã„ã†æ„Ÿã˜ã®ã“ã¨ã‚’æ›¸ã„ã¦ã„ãã®ã§ã€äººã«ã‚ˆã£ã¦ã¯å½“ãŸã‚Šå‰ã ã—ã€ã¡ã‚‡ã£ã¨ã—ãŸç™ºè¦‹ãŒã‚ã‚‹äººã‚‚å±…ã‚‹ã‹ã‚‚ï¼Ÿ ã‚ˆãåˆ†ã‹
t298ra 2008/09/22
CSS

HTML

design

tips
ãƒªãƒ³ã‚¯
1