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

ken0250 id:ken0250

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

ç´„700é …ç›®ã®HTMLï¼ã‚¹ã‚¯ãƒªãƒ—ãƒˆè¨€èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’å…¬é–‹
æ—¥çµŒLinuxã¨ITproã¯ã€ç·è¨ˆç´„700é …ç›®ã®HTMLï¼ã‚¹ã‚¯ãƒªãƒ—ãƒˆè¨€èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ã€ŒHTMLã€ï¼ˆ295é …ç›®ï¼‰ã€ã€ŒCSSã€ï¼ˆ73é …ç›®ï¼‰ã€ã€ŒDynamic HTMLã€ï¼ˆ98é …ç›®ï¼‰ã€ã€ŒJavaScriptã€ï¼ˆ295é …ç›®ï¼‰ã€ã€ŒPerlã€ï¼ˆ125é …ç›®ï¼‰ã‚ã‚ã›ã¦698é …ç›®ã€‚å„é …ç›®ã«ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚’æŽ²è¼‰ã—ã¦ãŠã‚Šã€ã‚³ãƒ”ãƒ¼ã—è²¼ã‚Šä»˜ã‘ã¦ã™ãã«ãŠä½¿ã„ã„ãŸã ã‘ã¾ã™ã€‚JavaScriptã¯ã€Œã“ã®ç”¨ä¾‹ã‚’å®Ÿè¡Œã™ã‚‹ã€ã¨ã„ã†æ–‡å—ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚Œã°ã€ãã®å ´ã§ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚’å®Ÿè¡Œã—ã¦ã¿ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ãƒ•ã‚¡ãƒ³ãƒ¬ãƒ³ã‚¹ã‚’ä½¿ã„ã“ãªã™ãŸã‚ã®è¨˜äº‹ã‚„ã€ã€ŒJavaScriptå…¥é–€ã€ã€ŒPerlã®ä½¿ã„æ–¹å…¥é–€ã€ã€ŒCSSã®åŸºæœ¬ã€ã€ŒLinuxã‚³ãƒžãƒ³ãƒ‰é“å ´ã€ã€Œã‚·ã‚§ãƒ«ãƒ»ã‚¹ã‚¯ãƒªãƒ—ãƒˆå·¥æˆ¿ã€ã¨ã„ã£ãŸå…¥é–€è¨˜äº‹ã‚‚ã”ç”¨æ„ã—ã¾ã—ãŸã€‚ ã“ã‚Œã‚‰ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¯ã“ã“2ï½ž3å¹´ã‹ã‘ã¦ä½œæˆã—ã¦ããŸã‚‚ã®ã§ã™ã€‚ãã®ãŸã‚ä¸€éƒ¨ã«å†…å®¹ã®å¤ã„ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€é †æ¬¡æ›´æ–°ã—ã¦ã„
ken0250 2010/12/18
ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹

javascript

html

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

css

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

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
CSS+HTMLã®ã¿ã§å®Ÿè£…å‡ºæ¥ã‚‹ã€ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®Webãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›† - ã‹ã¡ã³ã¨.net
cssã¨HTMLã‚¿ã‚°ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— ã®ã¿ã§å®Ÿè£…å‡ºæ¥ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›† ã§ã™ã€‚ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®ã¿ ã‚’css-playã‹ã‚‰æŽ¢ã—ãŸã®ã§ã€ ã¤ã„ã§ã«ã”ç´¹ä»‹ã—ã¾ã™ã€‚ jsãŒä½¿ãˆãªã„ç’°å¢ƒã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ãƒ¡ãƒ¢ãŒã¦ã‚‰ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€‚css-playã‚’ä¸å¿ƒã«ã€ã‚ã¨ã¯ã‚°ã‚°ã£ãŸã‚ŠSBMã§æŽ¢ã—ãŸã‚Šã€‚ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ãƒªãƒ³ã‚¯å…ˆã‚’ã”ç¢ºèªä¸‹ã•ã„ã€‚css-playã¯ã‚½ãƒ¼ã‚¹ã‚’ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã™ã€‚ãƒžãƒ«ãƒãƒ¬ãƒ™ãƒ«ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚‚å¯èƒ½ã€‚ demo ç¸¦ä¸¦ã³ã®ãƒ•ãƒ©ã‚¤ã‚¢ã‚¦ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ æ¨ªã«å‡ºã‚‹ãƒ•ãƒ©ã‚¤ã‚¢ã‚¦ãƒˆã‚¿ã‚¤ãƒ—ã€‚ç”»åƒã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ demo ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ webkitç³»ã§ã‚‚mozã§ã‚‚IEã§ã‚‚cssã®ã¿ã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã€‚ Cross-Browser CSS Gradient ãƒãƒƒã‚¯ã€ãƒ†ãƒ¼ãƒ–ãƒ«ã‚‚ä½¿ç”¨ã—ãªã„ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡
ken0250 2010/06/15
webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶

CSS

HTML
ãƒªãƒ³ã‚¯
ã‚ˆã‚Šæ—©ãcssã‚„htmlã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒè¡Œãˆãã†ãªæƒ…å ±ã„ã‚ã„ã‚ - ã‹ã¡ã³ã¨.net
Webåˆ¶ä½œã‚’å°‘ã—ã§ã‚‚åŠ¹çŽ‡åŒ–ã—ã‚ˆã† ã¨æ€ã£ã¦ï¼ˆä»Šæ›´ï¼‰ã„ã‚ã„ã‚ä¾¿åˆ©ãã† ãªæƒ…å ±ã‚’æŽ¢ã—ã¾ã—ãŸã€‚æ—¢ã«ä½¿ã£ã¦ ã„ã‚‹æƒ…å ±ã®æ–¹ãŒå¤šã‹ã£ãŸã®ã§ã™ ãŒã€æŠ˜è§’èª¿ã¹ãŸã®ã§ã‚·ã‚§ã‚¢ã—ãŸã„ ã¨æ€ã£ã¦ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã™ã€‚ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã‚‚ã£ã¨å††æ»‘ã«ã€ã¨ã„ã†æ—¨ã®æƒ…å ±ã§ã™ã€‚é †ä¸åŒã€‚ã‚ã‚“ã¾ã‚Šå¤šã„ã¨é€†åŠ¹æžœãªã®ã§é‡ã¯çµžã‚Šã¾ã—ãŸã€‚ä¸€å¿œã“ã‚Œã§ã‚‚çµžã‚Šã¾ã—ãŸã€‚çµžã£ãŸã¤ã‚‚ã‚Šã€‚ zen-coding è©±é¡Œã«ãªã£ãŸzen-codingã€‚ã ã„ã¶æ…£ã‚Œã¦æ¥ãŸæ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã‚‹ã®ã§ã¯ã€‚ zen-codingï¼ˆæœ¬å®¶ï¼‰ HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒ3å€é€Ÿããªã‚‹ï¼Ÿã€ŒZen-Codingã€ ç§€ä¸¸Zen- Codingãƒžã‚¯ãƒ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŠ¹çŽ‡åŒ–ã‚’å›³ã‚‹Zen codingã‚’Dreamweaver cs4ã«å…¥ã‚Œã‚‹æ–¹æ³• WP Zen-CodingãŒå‡„ãä¾¿åˆ© åˆæœŸè¨å®šã¨ã‹Tipsã¨ã‹ åˆ¶ä½œå‰ã«çŸ¥ã£ã¦ãŠãã¨ä¾¿åˆ©ãªã‚³ãƒ¼ãƒ‰ã¨ã‹Tipsã„ã‚ã„ã‚ã€‚ cssæ›¸ãå‰ã«ãƒã‚§ãƒƒã‚¯ã€‚ ã‚‚ã†ã€cla
ken0250 2010/06/09
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

html

css

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ã•ã‚“ã®ãŸã‚ã®Webã‚µã‚¤ãƒˆåˆ¶ä½œã«å½¹ç«‹ã¤ãƒªãƒ³ã‚¯é›†
2017å¹´6æœˆ29æ—¥ Webã‚µã‚¤ãƒˆåˆ¶ä½œ ã€ŒWebã‚µã‚¤ãƒˆå‹‰å¼·ã™ã‚‹ã®ã«ãŠã™ã™ã‚ã®ã‚µã‚¤ãƒˆã‚’æ•™ãˆã¦ãã ã•ã„ï¼ã€ã¨ã®å£°ãŒå¤šã„ã®ã§ã™ãŒã€æ—¥æœ¬ã®Webé–¢é€£ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚µã‚¤ãƒˆã‚’ã‚ã¾ã‚Šè¦‹ãŸã“ã¨ãŒãªã‹ã£ãŸã®ã§ã€ä»Šã¾ã§ãŠã™ã™ã‚ã§ãã¾ã›ã‚“ã§ã—ãŸâ€¦ã€‚ã¨ã„ã†ã“ã¨ã§ã¡ã‚‡ã£ã¨ã‚°ã‚°ã£ã¦åˆå¿ƒè€…ã•ã‚“ã«ã‚ˆã•ãã†ãªã‚µã‚¤ãƒˆã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚å°é›£ã—ã„å˜èªžãŒä¸¦ã‚“ã§ã‚ã‚‹ã‚ˆã†ãªã‚µã‚¤ãƒˆã¯é¿ã‘ã¦ã„ã‚‹ã¤ã‚‚ã‚Šã§ã™ãŒã€ã‚ã‹ã‚Šã«ãã‹ã£ãŸã‚‰ã™ã¿ã¾ã›ã‚“ã€‚ä»–ã«ã‚‚ãŠã™ã™ã‚ã‚µã‚¤ãƒˆãŒã‚ã‚Œã°ãœã²ã‚³ãƒ¡ãƒ³ãƒˆæ¬„ã«ã¦æ•™ãˆã¦ãã ã•ã„ï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹æµã‚Œ ã¾ãšã¯Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ç›®çš„ã‚’è€ƒãˆã‚‹ èª°ã®ãŸã‚ï¼Ÿä½•ã®ãŸã‚ï¼ŸWebã‚µã‚¤ãƒˆã‚’ä½œã‚Šå§‹ã‚ã‚‹å‰ã«ã€‚ ã‚µã‚¤ãƒˆãƒžãƒƒãƒ—ã¨å‘¼ã°ã‚Œã‚‹æ§‹æˆå›³ã‚’ä½œæˆ Webã‚µã‚¤ãƒˆã®æ§‹æˆå›³ã‚’ç°¡å˜ã«ä½œã‚Œã‚‹ä¾¿åˆ©ãƒ„ãƒ¼ãƒ« ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ï¼ˆWebã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼‰ã‚’ä½œæˆ Webã‚µã‚¤ãƒˆã®éª¨çµ„ã¿: ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ç´ æ—©ããƒ»
ken0250 2010/05/28
ã¾ã¨ã‚

css

html

javascript

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1