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

dtsuka_hb id:dtsuka_hb

htmlã«é–¢ã™ã‚‹dtsuka_hbã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (13)

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

å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãªHTMLå°æŠ€é›†
2023å¹´2æœˆ7æ—¥ HTML ã“ã‚Œã¾ã§ã€Œå°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª10ã®CSSå°æŠ€é›†ã€ã‚·ãƒªãƒ¼ã‚ºã§CSSã®ã¡ã‚‡ã£ã¨ã—ãŸTipsã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã—ãŸãŒã€ä»Šå›žã¯HTMLãƒãƒ¼ã‚¸ãƒ§ãƒ³ï¼çŸ¥ã£ã¦ã„ã‚‹ã¨ä½¿ã„å‹æ‰‹ãŒã¡ã‚‡ã£ã¨ã‚ˆããªã‚‹å°æŠ€ã‚’é›†ã‚ã¾ã—ãŸï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ç›®æ¬¡ ã‚»ãƒ¬ã‚¯ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®é¸æŠžè‚¢ã‚’ã‚°ãƒ«ãƒ¼ãƒ—åŒ– type å±žæ€§å€¤ã«ã‚ˆã£ã¦å…¥åŠ›æ¬„ãŒå¤‰åŒ– ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã‚¨ãƒ³ã‚¿ãƒ¼ã‚ãƒ¼ã®ãƒ†ã‚ã‚¹ãƒˆã‚’å¤‰ãˆã‚‹ ç”»åƒã®é…å»¶èªã¿è¾¼ã¿ ãƒ†ã‚ã‚¹ãƒˆã®æŠ˜ã‚Šè¿”ã—ä½ç½®ã‚’æŒ‡å®šã™ã‚‹ ç•ªå·ä»˜ããƒªã‚¹ãƒˆã®é †ç•ªã‚’å¤‰æ›´ã™ã‚‹ ç°¡å˜ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ ä»»æ„ã®ãƒ†ã‚ã‚¹ãƒˆã‚’è‡ªå‹•ç¿»è¨³ã•ã›ãªã„ ãƒªãƒ³ã‚¯å…ˆã®ãƒ†ã‚ã‚¹ãƒˆã‚’æŒ‡å®šã—ã¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹ 1. ã‚»ãƒ¬ã‚¯ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®é¸æŠžè‚¢ã‚’ã‚°ãƒ«ãƒ¼ãƒ—åŒ– è¤‡æ•°ã®é¸æŠžè‚¢ã‚’ç”¨æ„ã§ãã‚‹ãŠãªã˜ã¿ã® select ã‚¿ã‚°ã€‚é …ç›®ã¯ option ã‚¿ã‚°ã‚’åˆ©ç”¨ã—ã¾ã™ãŒã€ã•ã‚‰ã« optgroup ã‚¿ã‚°ã§å›²ã‚€ã“ã¨ã§ã‚°ãƒ«ãƒ¼ãƒ—åŒ–ã§ãã¾ã™ã€‚é¸æŠžè‚¢ãŒå¤š
dtsuka_hb 2022/04/08
html
ãƒªãƒ³ã‚¯
HTML5 å…¥ã‚Œåãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ | å‰å·ã‚¦ã‚§ãƒ–
HTML 5.2ã®ãã‚Œãžã‚Œã®è¦ç´ ãŒå…¥ã‚Œåã«ã§ãã‚‹ã€Œåè¦ç´ ã€ã€åŒ…å«ã•ã‚Œã‚‹ã“ã¨ãŒå¯èƒ½ãªã€Œè¦ªè¦ç´ ã€ã®ä¸€è¦§ã®ãƒ«ãƒ¼ãƒ«ã‚’è¦–è¦šåŒ–ã—ã¦è¡¨ç¤ºã—ã¾ã™ã€‚ â€»1 aè¦ç´ ã®è¦ªè¦ç´ ãŒåŒ…å«å¯èƒ½ã§ã‚ã‚‹ã“ã¨â€»1 audioè¦ç´ ã®è¦ªè¦ç´ ãŒåŒ…å«å¯èƒ½ã§ã‚ã‚‹ã“ã¨â€»1 canvasè¦ç´ ã®è¦ªè¦ç´ ãŒåŒ…å«å¯èƒ½ã§ã‚ã‚‹ã“ã¨â€»1 delè¦ç´ ã®è¦ªè¦ç´ ãŒåŒ…å«å¯èƒ½ã§ã‚ã‚‹ã“ã¨â€»1 insè¦ç´ ã®è¦ªè¦ç´ ãŒåŒ…å«å¯èƒ½ã§ã‚ã‚‹ã“ã¨åè¦ç´ çœç•¥â€»1 mapè¦ç´ ã®è¦ªè¦ç´ ãŒåŒ…å«å¯èƒ½ã§ã‚ã‚‹ã“ã¨â€»1 noscriptè¦ç´ ã®è¦ªè¦ç´ ãŒåŒ…å«å¯èƒ½ã§ã‚ã‚‹ã“ã¨ ã‹ã¤ bodyè¦ç´ ã®åå«ã§ã‚ã‚‹ã“ã¨åè¦ç´ çœç•¥â€»1 videoè¦ç´ ã®è¦ªè¦ç´ ãŒåŒ…å«å¯èƒ½ã§ã‚ã‚‹ã“ã¨ ãƒ«ãƒ¼ãƒˆè¦ç´ ï¼†æ–‡æ›¸ãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿ html è¦ª å head è¦ª å title è¦ª å base è¦ª å link è¦ª åâ€»HTML 5.2ã‹ã‚‰å¯èƒ½ã€‚ãƒ•ãƒ¬ãƒ¼ã‚¸ãƒ³ã‚°ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒæœŸå¾…ã•ã‚Œã‚‹å ´æ‰€â€»headè¦ç´ ã®åå«ã§ã‚ã‚‹ã“ã¨ meta è¦ª åâ€»he
dtsuka_hb 2018/07/01
html

webåˆ¶ä½œ

html5
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆå¿ƒè€…ã‚‚å®‰å¿ƒã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24å€‹ã¾ã¨ã‚ - PhotoshopVIP
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
dtsuka_hb 2016/02/16
html

CSS
ãƒªãƒ³ã‚¯
[CSS]ã‚µã‚¤ã‚ºãŒåˆ†ã‹ã‚‰ãªã„è¦ç´ ã‚’çœŸã‚“ä¸ã«é…ç½®ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
width, heightã®ã‚µã‚¤ã‚ºãŒåˆ†ã‹ã‚‰ãªã„è¦ç´ ã‚’å¤©åœ°å·¦å³ã®çœŸã‚“ä¸ã«é…ç½®ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Centering in the Unknown [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ è¦ç´ ã®ã‚µã‚¤ã‚ºãŒåˆ†ã‹ã£ã¦ã„ã‚‹å ´åˆ è¦ç´ ã®ã‚µã‚¤ã‚ºãŒåˆ†ã‹ã‚‰ãªã„å ´åˆ ã¾ã¨ã‚ã¨å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ è¦ç´ ã®ã‚µã‚¤ã‚ºãŒåˆ†ã‹ã£ã¦ã„ã‚‹å ´åˆ ã€ŒçœŸã‚“ä¸ã«é…ç½®ã™ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã€ã¨ã€Œãã®è¦ªã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã€ä¸¡æ–¹ã®é«˜ã•ã¨å¹…ã®ã‚µã‚¤ã‚ºãŒåˆ†ã‹ã£ã¦ã„ã‚‹ã®ã§ã‚ã‚Œã°ã€ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’çœŸã‚“ä¸ã«ç½®ãã®ã¯ç°¡å˜ã§ã™ã€‚ ã€ŒçœŸã‚“ä¸ã«é…ç½®ã™ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã€ã‚’ã€Œposition: fixed;ã€ã«ã—ã€topã¨leftã‚’50%ã€marginã®topã¨leftã‚’ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®åŠåˆ†ã®ã‚µã‚¤ã‚ºã§ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã§é…ç½®ã—ã¾ã™ã€‚ CSS .centered { position: fixed; top: 50%; left: 50%; margin-t
dtsuka_hb 2011/11/02
CSS

html

Webåˆ¶ä½œ

tips
ãƒªãƒ³ã‚¯
ã‚‚ã—ã‚‚10åˆ†ã®1ã®è¡Œæ•°ã§HTMLãŒæ›¸ã‘ãŸã‚‰
Zen-Codingã¨ã¯ 1å¹´ã»ã©å‰ã‹ã‚‰ã€Zen-CodingãŒè©±é¡Œã«ãªã£ã¦ã„ã¾ã™ã€‚Zen-Codingã‚’ä½¿ã†ã¨ã€ç‰¹å®šã®çœç•¥ã•ã‚ŒãŸè¨˜æ³•ã‚’å±•é–‹ã§ãã¾ã™ã€‚ã“ã®å±•é–‹ãŒéžå¸¸ã«å¼·åŠ›ã§ã€ã¡ã‚‡ã£ã¨ã—ãŸHTMLã‚’è¨˜è¿°ã™ã‚‹ã®ã§ã‚ã‚Œã°ã€Zen-Codingã§HTMLã‚„CSSã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’åŠ¹çŽ‡çš„ã«è¡Œãˆã¾ã™ã€‚ Zen-Codingã¯ã•ã¾ã–ã¾ãªãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã«å¯¾å¿œã—ãŸãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã—ã¦æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ã¯ã€å…¬å¼å¯¾å¿œã—ã¦ã„ã‚‹ã‚‚ã®ã¨ã€ã‚µãƒ¼ãƒ‰ãƒ‘ãƒ¼ãƒ†ã‚£ã®é–‹ç™ºè€…ãŒä½œæˆã—ãŸã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ ãã‚Œãžã‚Œã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ã‚ˆã£ã¦ã€å®Ÿè£…æ©Ÿèƒ½ãŒç•°ãªã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã‚‰ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®è©³ç´°ã¯Zen-Codingã®å…¬å¼ã‚µã‚¤ãƒˆã‹ã‚‰ç¢ºèªã§ãã¾ã™ã€‚ åŸºæœ¬çš„ãªä½¿ã„æ–¹ ã“ã“ã‹ã‚‰ã¯Zen-Codingã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã‚’è§£èª¬ã—ã¾ã™ã€‚Zen-Codingã‚’ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã§åˆ©ç”¨ã§ãã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ç”¨ã„ã¦ã€å®Ÿéš›ã«è©¦ã—ãªãŒã‚‰èªã¿é€²ã‚ã¦ãã ã•ã„ã€‚ãƒ†ã‚ã‚¹ãƒˆã‚¨
dtsuka_hb 2011/07/05
ã‚ã‚“ã¾ã‚Šä½¿ã„ã“ãªã›ã¦ãªã„ã®ã§

Zen-Coding

html
ãƒªãƒ³ã‚¯
[CSS]ãŸã£ãŸäºŒè¡Œã§ã€ã•ã¾ã–ã¾ãªã‚«ãƒ©ãƒ ã‚’è¨å®šã™ã‚‹ã‚°ãƒªãƒƒãƒ‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãŸã£ãŸäºŒè¡Œã®ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã€ã•ã¾ã–ã¾ãªã‚µã‚¤ã‚ºã®ã‚«ãƒ©ãƒ ã‚’è¨å®šã™ã‚‹ã‚°ãƒªãƒƒãƒ‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ .row { display:table; width:960px; margin:0 auto } .cell { display:table-cell; vertical-align:top; padding-left:10px } HTMLã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã§divè¦ç´ ã‚’ä½¿ã†ã ã‘ã§ã™ã€‚ HTML 3ã‚«ãƒ©ãƒ ã®ä¾‹ã§ã™ã€‚ã‚«ãƒ©ãƒ ã®æ•°ã«ã‚ã‚ã›ã¦ã€divè¦ç´ ã‚’é…ç½®ã—ã¾ã™ã€‚ <div class="row"> <div class="cell" style="background-color:#aaa;">1</div> <div class="cell" style="background-color:#bbb;">2</div> <div class="cell" style="back
dtsuka_hb 2010/11/15
CSS

HTML
ãƒªãƒ³ã‚¯
ã‚¹ãƒãƒ¼ãƒ é€Ÿå ±ã€€ï¼¶ï¼©ï¼°
Author: Mist twitter: Mist note: Mist diaries: æˆ–ã‚‹ãƒãƒªãƒ¼ã‚¿ ãƒãƒªãƒ¼ã‚¿é€Ÿå ±ã€€ï¼¶ï¼©ï¼° TOPçµµç°¡æ˜“ã¾ã¨ã‚ pass: steam ã¤æœ€è¿‘äººæ°—ã‚ã‚‹ã‚¹ãƒ¬ â†‘ã‚¤ãƒŸãƒ•ã®ãƒ‘ã‚¯ãƒªã§ã™ï¼
dtsuka_hb 2009/03/12
ã¾ã¨ã‚

CSS

html

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
è„±åˆå¿ƒè€…ã‚’ã‚ã–ã™äººã®ãŸã‚ã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œæˆè¬›åº§
ç›®æ¬¡ åˆç´š ã¡ã‚‡ã£ã¨è©³ã—ã„HTMLã¨CSS ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œæˆã«å¿…è¦ãªHTMLã¨CSSã®æ£ã—ã„æ–‡æ³•ã‚’ã‚„ã•ã—ãèª¬æ˜Žã—ã¾ã™ã€‚ èª°ã§ã‚‚è¦‹ã‚‰ã‚Œã‚‹ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã®ã¤ãã‚Šæ–¹ ä½¿ã„ã‚„ã™ã„ãƒšãƒ¼ã‚¸ã‚„ç’°å¢ƒã«ä¾å˜ã—ãªã„ãƒšãƒ¼ã‚¸ã®ä½œã‚Šæ–¹ã‚’è€ƒãˆã¾ã™ã€‚ ä¸ç´š HTML 4.01 ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ HTML 4.01ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚HTML 4.01ã®å…¨è¦ç´ ãƒ»å±žæ€§ã®è©³ç´°ãªè§£èª¬ãŒã‚ã‚Šã¾ã™ã€‚ CSS 2.1ã®ã‚¨ãƒƒã‚»ãƒ³ã‚¹ CSS 2.1ã®ä»•æ§˜ã‚’èª¬æ˜Žã—ã¾ã™ã€‚CSSã‚’åŽŸç†ã‹ã‚‰ç†è§£ã—ãŸã„äººã®ãŸã‚ã«ã€‚ ã„ã‚ã„ã‚ å‚è€ƒãƒªãƒ³ã‚¯ å‚è€ƒæ›¸ç± è¿·æƒ‘ãƒ¡ãƒ¼ãƒ«å¯¾ç– SEOã‚’ã‚„ã‚ã‚ˆã†
dtsuka_hb 2009/03/12
ã¾ã¨ã‚

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

html

CSS

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
[CSS]ãƒ–ãƒ©ã‚¦ã‚¶é–“ã®å·®ç•°ã‚’ç„¡ãã™ãƒªã‚¹ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ | ã‚³ãƒªã‚¹
Konstruktors Notesã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€ŒHow to Create Beautiful and Elegant HTML Lists Using CSSã€ã‹ã‚‰ã€CSSã‚’ä½¿ç”¨ã—ã¦ç¾Žã—ãã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆãªãƒªã‚¹ãƒˆã‚’åˆ¶ä½œã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ How to Create Beautiful and Elegant HTML Lists Using CSS å„ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã‚‹ãƒªã‚¹ãƒˆã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®å·® ãƒªã‚¹ãƒˆã«marginã‚„paddingã‚’æŒ‡å®šã—ãŸå ´åˆã€ã€ŒInternet Explorerã€ã¨ã€ŒGecko, Webkit and Operaã€ã®å„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã€ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãŒç•°ãªã‚Šã¾ã™ã€‚ <textarea name="code" class="css" cols="60" rows="5"> ul, ol{ margin:auto -3em 1em 0; padding:0; position:rel
dtsuka_hb 2009/01/02
ul li

ã¾ã¨ã‚

CSS

html

tips
ãƒªãƒ³ã‚¯
3Gç«¯æœ«ï¼ˆFOMAãƒ»WINãƒ»3GCï¼‰ã®ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ï¼†ãƒ‡ã‚¶ã‚¤ãƒ³ - livedoor ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ Blog(ãƒ–ãƒã‚°)
ã“ã‚“ã«ã¡ã¯ã€‚ã€ŽCureã€ã‚„ã€Žlivedoor æŒè©žã€ã‚’æ‹…å½“ã—ã¦ã„ã‚‹ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã®å‰æ²¢ã§ã™ã€‚ ã¤ã„æœ€è¿‘ã€PC ã‚µã‚¤ãƒˆã®ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ãŒåˆã‚ã¦ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã®é–‹ç™ºã‚’æ‹…å½“ã™ã‚‹ã¨ã„ã†æ©Ÿä¼šãŒã‚ã‚Šã¾ã—ãŸã€‚ ã©ã®æƒ…å ±ã‚’ä¼ãˆã‚Œã°åˆã‚ã¦ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã‚’æ‹…å½“ã™ã‚‹äººã«ã‚‚ã‚¹ãƒ ãƒ¼ã‚ºã«é€²ã‚ã‚‰ã‚Œã‚‹ã®ã‹ã€PC ã¨ãƒ¢ãƒã‚¤ãƒ«ã§ä¸€ç•ªç‰¹å¾´ã®ã‚ã‚‹ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ã€ã“ã‚Œã ã‘è¦šãˆã¦ãŠãã¨ç°¡å˜ãª3Gï¼ˆFOMAãƒ»WINãƒ»3GCï¼‰ç«¯æœ«ç”¨ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆãŒä½œã‚Œã¦ã—ã¾ã†ãƒŽã‚¦ãƒã‚¦ã‚’ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã€01ã€‘å¯¾å¿œç«¯æœ«ã«ã¤ã„ã¦ ã“ã¡ã‚‰ã®è¨˜äº‹ã«ã‚‚ã‚ã‚‹ã¨ãŠã‚Šã€3G ç«¯æœ«ï¼ˆFOMAãƒ»WINãƒ»3GCï¼‰ãŒã‚¢ã‚¯ã‚»ã‚¹ã®9å‰²ã‚’å ã‚ã¦ã„ã‚‹ãŸã‚ã€ã“ã‚Œã‹ã‚‰ã‚ªãƒ¼ãƒ—ãƒ³ã•ã›ã‚‹ã‚µã‚¤ãƒˆã®å¯¾å¿œç«¯æœ«ã¯ã€3G ç«¯æœ«ã§ååˆ†ãã†ã§ã™ãã€‚ ã‚µã‚¤ãƒˆã®å†…å®¹ã«ã‚‚ã‚ˆã‚Šã¾ã™ãŒã€ä¸‹ä½ç«¯æœ«ï¼ˆPDCãƒ»Påž‹ãƒ»Cåž‹ãªã©ï¼‰ã‚’å¯¾å¿œç«¯æœ«ã¨ã—ã¦å«ã‚ã¦ã—ã¾ã†ã¨ã€æ©Ÿèƒ½ã‚„å®¹é‡åˆ¶é™ãªã©ã«æ‚©ã¾ã•ã‚Œã€é€†ã«é‹
dtsuka_hb 2008/09/30
æºå¸¯ã‚µã‚¤ãƒˆ

webåˆ¶ä½œ

html

tips
ãƒªãƒ³ã‚¯
MOONGIFT: Â» è¤‡é›‘ãªæ®µçµ„ã¿ã‚’å¯èƒ½ã«ã™ã‚‹CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒEmasticã€:ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã‚’æ¯Žæ—¥ç´¹ä»‹
é›‘èªŒã‚„æ–°èžãªã©ã§ã¯è¤‡é›‘ãªæ®µçµ„ã¿ã‚’è¡Œã£ã¦ã€æƒ…å ±ã‚’è¦‹ã‚„ã™ãã—ã¦ã„ã‚‹ã€‚ãƒãƒƒãƒˆåª’ä½“ã®å ´åˆã€ã‚ã¾ã‚Šãã†ã—ãŸç‚¹ã¯è€ƒæ…®ã•ã‚Œãšã€äºŒæ®µã¾ãŸã¯ä¸‰æ®µã®ã‚«ãƒ©ãƒ ã§æ§‹æˆã•ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã€‚ã—ã‹ã‚‚å¹¾ã¤ã‹ã®ã‚«ãƒ©ãƒ ã¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ã«ä½¿ã†ã®ã§ã€æ–‡ç« è‡ªä½“ã¯æ®†ã©çµ„ç‰ˆãŒæ–½ã•ã‚Œã¦ã„ãªã„ã€‚ CSSã ã‘ã¨ã¯æ€ãˆãªã„ã»ã©ç´°ã‹ãåˆ¶å¾¡ã•ã‚Œã¦ã„ã‚‹ Webã¯ãã†ã„ã£ãŸåª’ä½“ã§ã¯ãªã„ã€ã¨è¨€ã„åˆ‡ã£ã¦ã—ã¾ãˆã°ãã‚Œã¾ã§ã ã‚ã†ã€‚ã ãŒä»Šå¾Œæƒ…å ±ã®é›»ååŒ–ã¯é€²ã¿ã€ç´™åª’ä½“ã¯ç¾çŠ¶ç¶æŒãªã„ã—è¡°é€€ã—ã¦ã„ãã®ã¯é–“é•ã„ãªã„ã€‚ãã†ã—ãŸæ™‚ã«ã€Webã‚‚ã‚„ã¯ã‚Šèªã¾ã›ã‚‹å½¢å¼ã‚’æ±‚ã‚ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚ãã‚Œã‚’å®Ÿç¾ã™ã‚‹ã®ãŒã“ã‚Œã ã€‚ ä»Šå›žç´¹ä»‹ã™ã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¯Emasticã€è¤‡é›‘ãªã‚«ãƒ©ãƒ æ§‹æˆã‚’å®Ÿç¾ã™ã‚‹CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã ã€‚ Emasticã¯ã¾ã‚‹ã§é›‘èªŒã®ã‚ˆã†ãªæ®µçµ„ã¿ã‚’CSSã§å®Ÿç¾ã—ã¦ã„ã‚‹ã€‚äºŒæ®µã€ä¸‰æ®µã€å››æ®µã®è¡¨ç¤ºã‚’è¡Œã„ã€å›ºå®šå¹…ã¾ãŸã¯è¡¨ç¤ºã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦å¤‰åŒ–ã¨ã‚’çµ„ã¿åˆã‚ã›
dtsuka_hb 2008/07/22
webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

CSS

html
ãƒªãƒ³ã‚¯
HTML ã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«ä¿ã¡ã¤ã¤ã€ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®æ®µçµ„ã¿ã‚’å®Ÿç¾ã™ã‚‹æ–¹æ³• ãƒ‘ãƒ¼ãƒˆ2 | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã€ŒHTML ã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«ä¿ã£ãŸã¾ã¾ãƒ–ãƒãƒƒã‚¯è¦ç´ ã‚’æ®µçµ„ã¿ã™ã‚‹æ–¹æ³•ã€ã®ãƒ‘ãƒ¼ãƒˆ 2 ã§ã™ã€‚ å‰å›žã®è¨˜äº‹ã§ã¯ã€float ã¨ position ã®åˆã‚ã›æŠ€ã«ã‚ˆã‚Šã€å…¨ä½“ã®æ¨ªå¹…ãƒ”ãƒƒã‚¿ãƒªã«è¦ç´ ã‚’æ®µçµ„ã¿ã—ã¾ã—ãŸã€‚ ä»Šå›žã¯ã€position ã‚’ä½¿ã‚ãªã„æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒœãƒƒã‚¯ã‚¹ã¨ä½™ç™½ã®å¹…ã®å€¤ã¯å‰å›žã¨åŒã˜ãä»¥ä¸‹ã§ã™ã€‚ HTML ã‚½ãƒ¼ã‚¹ã‚‚å‰å›žã¨åŒã˜ãã“ã¡ã‚‰ã€‚ç„¡é§„ãª ID ã‚„ class ã®ãªã„ã‚·ãƒ³ãƒ—ãƒ«ãªã‚½ãƒ¼ã‚¹ã«ãªã£ã¦ã„ã¾ã™ã€‚ <div id="photo"> <ul> <li><img src="hoge1.jpg" alt="ã‚µãƒ³ãƒ—ãƒ«1" width="160" height="120" /></li> <li><img src="hoge2.jpg" alt="ã‚µãƒ³ãƒ—ãƒ«2" width="160" height="120" /></li> <li><img src="hoge3.jpg" alt="ã‚µãƒ³
dtsuka_hb 2008/07/20
html

CSS

tips
ãƒªãƒ³ã‚¯
IE6ä»¥ä¸‹ã‚’Webæ¨™æº–ã«æº–æ‹ ã•ã›ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŽIE7.jsã€
IE6ä»¥ä¸‹ã‚’Webæ¨™æº–ã«æº–æ‹ ã•ã›ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŽIE7.jsã€ å¤šãã®äººãŒå¾…ã¡ã«å¾…ã¡æœ›ã‚“ã ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ã‚„ã¯ã‚Šã™ã”ã„äººã¯ã™ã”ã„ã‚‚ã®ã‚’ä½œã‚‹ã‚“ã§ã™ãã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’èªã¿è¾¼ã‚€ã“ã¨ã«ã‚ˆã‚ŠIE6ä»¥ä¸‹ã§ã‚‚IE7ã¨åŒã˜ã‚ˆã†ãªXHTM/CSSã®è§£é‡ˆã‚’è¡Œã£ã¦ãã‚Œã¾ã™ã€‚ ãŸã ã—å®Œå…¨ã«IE7ã¨åŒã˜ã‚ˆã†ãªå½¢ã«ã™ã‚‹ã®ã§ã¯ãªãã€ã‚ˆã‚Šè¿‘ã„å½¢ã¨ã„ã†ã“ã¨ã§ã™ã€‚ ç¾åœ¨å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯version 2.0 (beta)ã¨ã„ã†ã“ã¨ã§ã€ã¾ã å®Ÿå‹™ã§ä½¿ã†ã®ã¯é›£ã—ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§å…¬é–‹ã•ã‚Œã¦ãŠã‚Šã¾ã™ã®ã§æ£å¼ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã‚Œã°webåˆ¶ä½œã®ç¾å ´ã‚’å¤‰ãˆã¦ã—ã¾ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ è¨ç½®æ–¹æ³• Google ã‚³ãƒ¼ãƒ‰ã®ie7-jsã‚ˆã‚Šç›´æŽ¥èªã¿è¾¼ã‚€ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ä»¥ä¸‹ã®è¦ç´ ã‚’headè¦ç´ å†…ãªã©ã«è¨˜è¿°ã—ã¾ã™ã€‚ <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.c
dtsuka_hb 2008/01/09
ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

IE6

IE7

CSS

html

javascript
ãƒªãƒ³ã‚¯
1