[B! html] pikumiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

pikumi id:pikumi

htmlã«é–¢ã™ã‚‹pikumiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

Zen-Codingã§æ¥½ã€…ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°! + ã‚³ãƒ„1ã¤
è©±é¡Œã®HTMLã‚„CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚ã—ã™ã¨ãƒ„ãƒ¼ãƒ«ã®zen-codingã‚’è§¦ã£ã¦ã¿ã¾ã—ãŸã€‚ã™ã”ã„æ¥½ã¡ã‚“ã“! zen-codingã£ã¦ä½•ï¼Ÿä½¿ã„æ–¹ã¯ï¼Ÿã¨ã„ã†äººã¯ä»¥ä¸‹ã®ãƒšãƒ¼ã‚¸ã‚’è¦‹ã¦ãã ã•ã„ãã€‚ Zen-Codingã§ã§ãã‚‹ã‚ã‚“ãªã“ã¨ã“ã‚“ãªã“ã¨ çŸ¥ã‚‰ãªã„äººã¯æã—ã¦ã‚‹ï¼Ÿã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒ3å€é€Ÿããªã‚‹Zen-Codingã‚’å°Žå…¥ã—ã¦ã¿ãŸ ã‚ã‚‹ç¨‹åº¦HTML/CSSã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«æ…£ã‚ŒãŸäººãªã‚‰ã€ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å«ã‚“ã æ–‡æ›¸ãŒã‚ã‚Œã°ã€ãã‚Œã‚’ã‚‚ã¨ã«è„³å†…ã§HTMLæ§‹é€ ã«ç½®ãæ›ãˆã‚‰ã‚Œã¾ã™ã‚ˆãã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰èˆˆã™äººã¯ã€Photoshopã‚’è§¦ã‚ŠãªãŒã‚‰ã€åŒæ™‚ã«é ã®ä¸ã§HTMLã‚’çµ„ã¿ç«‹ã¦ã¦ã‚‹äººã‚‚å¤šã„ã‚“ã˜ã‚ƒãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ãŸã„ã¦ã„ã®æ–‡æ›¸ã¯ã€å°ã•ãªãƒ‘ã‚¿ãƒ¼ãƒ³ã¨å¤§ããªãƒ‘ã‚¿ãƒ¼ãƒ³ã®ç¹°ã‚Šè¿”ã—ã ã—ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«é–¢ã—ã¦ã®è©¦è¡ŒéŒ¯èª¤ã¯ã‚ã£ã¦ã‚‚ã€HTMLã®è¨˜è¿°ã§è©¦è¡ŒéŒ¯èª¤ã™ã‚‹ã£ã¦ã“ã¨ã¯ç„¡ã„ã‚“ã§ã™ã‚ˆãã€‚(CSSã®ãƒ–ãƒ©ã‚¦ã‚¶ã®å®Ÿè£…ã®é–¢ä¿‚ã¨ã‹ã“ã®éš›å¿˜ã‚Œã‚ˆã†)
pikumi 2010/02/24
webåˆ¶ä½œ

html

css
ãƒªãƒ³ã‚¯
Dreamweaverã®ä»£ã‚ã‚Šã«ãªã‚‹ãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆã€ŒAptanaã€ - GIGAZINE
JavaScriptã®é–‹ç™ºç’°å¢ƒã€è¦ã™ã‚‹ã«JavaScriptç”¨IDEã¨ã„ã†ä½ç½®ã¥ã‘ãªã®ã§ã™ãŒã€HTMLã€CSSã®æ§‹é€ ã‚’ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã§ç¤ºã—ã¦ãã‚ŒãŸã‚Šã€æ–‡æ³•ã®é–“é•ã„ã‚’æŒ‡æ‘˜ã—ã¦ãã‚ŒãŸã‚Šã€ã‚„ã£ã¦ã„ã‚‹ã“ã¨ã¯ã»ã¨ã‚“ã©Dreamweaverã®æŒã£ã¦ã„ã‚‹æ©Ÿèƒ½ã¨åŒã˜ã§ã™ã€‚ ç‰¹ã«é¢ç™½ã„ã®ã¯JavaScriptã‚„CSSãªã©ãŒInternetExplorerã¨Firefoxã«å¯¾å¿œã—ã¦ã„ã‚‹ã‹ã©ã†ã‹ãŒä¸€ç™ºã§åˆ†ã‹ã‚‹ç‚¹ã€‚JavaScriptã®ã‚¨ãƒ©ãƒ¼ã«ã¤ã„ã¦ã‚‚ç´°ã‹ã„éƒ¨åˆ†ã¾ã§æŒ‡æ‘˜ã—ã¦ãã‚Œã¾ã™ã€‚ã¤ã¾ã‚Šã€å®Ÿè¡Œã—ãªãã¦ã‚‚ã‚¨ãƒ©ãƒ¼ãŒãƒ‰ã‚³ã«ã‚ã‚‹ã®ã‹åˆ†ã‹ã‚‹ã€Œé™çš„è§£æžã€ãŒå¯èƒ½ã¨ã„ã†ã‚ã‘ã€‚ Windowsã€Macintoshã€Linuxç‰ˆãŒã‚ã‚Šã€Eclipseãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã—ã¦å‹•ä½œã™ã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚„å®Ÿéš›ã«å‹•ã‹ã—ã¦æ©Ÿèƒ½ã‚’è§£èª¬ã—ã¦ã„ã‚‹ãƒ ãƒ¼ãƒ“ãƒ¼ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ Aptana: The Web IDE http:
pikumi 2009/06/16
webãƒ‡ã‚¶ã‚¤ãƒ³

html

css

ãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆ

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
è¦‹å‡ºã—ã‚¿ã‚°h1ãªã© :æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³æœ€é©åŒ–ã§é †ä½ã‚¢ãƒƒãƒ— ::SEOå¡¾(æ—§)
CSSã‚½ãƒ¼ã‚¹ h1 { font-size: 175%; line-height: 1.2em; } h2 { font-size: 150%; line-height: 1em; } h3 { font-size: 125%; line-height: 1em; } æ–‡å—ã‚µã‚¤ã‚ºã¯ã€ã€Œfont-sizeã€ã‚’ç”¨ã„ã‚‹ã€‚ã¾ãŸã‚µã‚¤ã‚ºã¯ã€ãƒ‘ãƒ¼ã‚»ãƒ³ãƒˆãªã©ã§ã€ç›¸å¯¾æŒ‡å®šã«ã—ã¦ãŠãã€‚ã€Œ20ptã€ã€Œ16pxã€ãªã©ã€çµ¶å¯¾æŒ‡å®šã™ã‚‹ã¨ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã¨ã—ã¦é›£ã‚ã‚Šã€‚ æœ€å¾Œã«ã€è¡Œé–“ãŒç©ºãéŽãŽãªã„ã‚ˆã†ã«ã€ã€Œline-heightã€ã‚’ã€‚ã“ã¡ã‚‰ã‚‚å€¤ã¯ã€Œ1emã€ãªã©ã®ã€ç›¸å¯¾æŒ‡å®šã§ã€‚ è¦‹æ „ãˆ h1ãƒ»h2ãƒ»h3ã¯ã€é †ä½ã‚¢ãƒƒãƒ—åŠ¹æžœãŒéžå¸¸ã«é«˜ã„ãŒã€ãã®ã¾ã¾ä½¿ã£ã¦ã¯ã€æ–‡å—ã®å¤§ãã•ã‚„æ”¹è¡Œãªã©ã€è¡¨ç¤ºã®ã†ãˆã§å•é¡ŒãŒå‡ºã¦ãã‚‹ã€‚ ã ã‹ã‚‰ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãŒæœ¬é ˜ã‚’ç™ºæ®ã™ã‚‹ã®ã ã€‚ã¾ãŸè¦‹å‡ºã—ã‚¿ã‚°ã¯ã€CSSã‚’ç”¨ã„ã¦ã“ãã€æ§‹é€ çš„è¨˜è¿°ã¨ã—ã¦ã‚‚
pikumi 2009/06/01
è¦‹å‡ºã—ï¼ˆh1.2.3..ï¼‰ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—

seo

html
ãƒªãƒ³ã‚¯
ã„ã¾èµ·ãã¦ã„ã‚‹Webæ¨™æº–ã®é€²åŒ–ã€HTML5ã€CSS3ã€JavaScript 2.0
æ—¥æœ¬ãŒå¤§åž‹é€£ä¼‘ã«å…¥ã‚‹å°‘ã—å‰ã®4æœˆ23æ—¥ã€W3Cã¯HTML5ã®æ–°ã—ã„ãƒ‰ãƒ©ãƒ•ãƒˆã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ã„ã¤ã‚‚æœ€æ–°ã®Webæ¨™æº–åŒ–å‹•å‘ã‚’ä¼ãˆã¦ãã‚Œã‚‹Webæ¨™æº–ãƒ–ãƒã‚°ã®ã‚¨ãƒ³ãƒˆãƒªã€ŒLast Callã«å‘ã‘é€²ã‚€HTML5 | Webæ¨™æº–Blog | ãƒŸãƒ„ã‚¨ãƒ¼ãƒªãƒ³ã‚¯ã‚¹ã€ã«ã‚ˆã‚‹ã¨ã€ä»Šå›žã®ãƒ‰ãƒ©ãƒ•ãƒˆã‹ã‚‰ä»•æ§˜æ›¸ã«å¤§ããæ‰‹ãŒåŠ ã‚ã‚Šã€Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹äººå‘ã‘ï¼ˆåˆ¶ä½œè€…ã«é–¢ä¿‚ã™ã‚‹è¦ä»¶ï¼‰ã¨ã€Webãƒ–ãƒ©ã‚¦ã‚¶ã‚’ä½œã‚‹äººå‘ã‘ï¼ˆå®Ÿè£…è¦ä»¶ã«ã¤ã„ã¦ã®è¦ä»¶ï¼‰ã”ã¨ã«è¦‹ã‚„ã™ããªã‚‹ã‚ˆã†ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãŒç”¨æ„ã•ã‚ŒãŸã¨ã®ã“ã¨ã€‚ ã“ã‚Œã¾ã§ã‚‚ä½•åº¦ã‹ã“ã®ãƒ–ãƒã‚°ã§ã¯ã€HTML5ã‚„JavaScript 2.0ãªã©ã®Webæ¨™æº–ã®å‹•å‘ã‚’æ›¸ã„ã¦ãã¾ã—ãŸãŒã€ä»Šå›žã¯åˆ†ã‹ã‚Šã‚„ã™ã„ã‚ˆã†ã«ãã®å‹•ãã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ HTMLã¯HTML4ã§ã„ã£ãŸã‚“é€²åŒ–ãŒçµ‚äº†ã—ã€ãã‚Œä»¥å¾Œã¯XHTMLã§é€²åŒ–ã—ã¦ã„ãã“ã¨ã«ãªã£ã¦ã„ã¾ã—ãŸã€‚ã—ã‹ã—å®Ÿéš›ã«ã¯XHTMLã¯æœŸå¾…ã•ã‚ŒãŸã»ã©æ™®åŠã›ãšã€XHTMLã«ã‚ˆã£
pikumi 2009/05/08
articleã‚¿ã‚°ã€navã‚¿ã‚°ã€footerã‚¿ã‚°ãªã©ã€‚æœ¬æ–‡ã¨ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®é«˜ã•ã‚’æƒãˆãŸã‚Šã™ã‚‹ã“ã¨ãŒç°¡å˜ã«ã§ãã‚‹ã€‚ãŒã†ã‚Œã—ã„ãªãã€‚ã‚ã¨è§’ä¸¸ãƒœãƒƒã‚¯ã‚¹ã€‚

webåˆ¶ä½œ

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

html

css

javascript
ãƒªãƒ³ã‚¯
ã€HTMLã‚¿ã‚°ã®ç°¡å˜æ¤œç´¢ã€‘TAG index - ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œæˆæƒ…å ±
ãƒšãƒ¼ã‚¸å…¨èˆ¬ ãƒœãƒƒã‚¯ã‚¹ ãƒ†ã‚ã‚¹ãƒˆ ãƒªãƒ³ã‚¯ ãƒªã‚¹ãƒˆ ã‚¤ãƒ¡ãƒ¼ã‚¸ ãƒ†ãƒ¼ãƒ–ãƒ« ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ•ã‚©ãƒ¼ãƒ ãƒ•ã‚£ãƒ«ã‚¿ CSSã®åŸºæœ¬ CSSãƒ—ãƒãƒ‘ãƒ†ã‚£ä¸€è¦§ï¼»ABCé †ï¼½ ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã«ã¤ã„ã¦ HTML ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ HTML Living Standardã«å¯¾å¿œã—ãŸãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚ HTMLã‚¿ã‚° ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ HTML4ã®æ™‚ä»£ã«ä½œæˆã—ãŸãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚å¤ã„Webãƒšãƒ¼ã‚¸ã‚’æ›´æ–°ã™ã‚‹éš›ãªã©ã«å‚è€ƒã«ã—ã¦ãã ã•ã„ã€‚ CSS ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ CSS2ã®æ™‚ä»£ã«ä½œæˆã—ãŸãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚
pikumi 2009/04/22
ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€CGIã®è¨ç½®ã€.htaccessã®è¨˜è¿°ãªã©webåˆ¶ä½œã‚‚ã‚ã‚‚ã‚

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

webåˆ¶ä½œ

css

javascript

html
ãƒªãƒ³ã‚¯
1