[B! markup] wablogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

wablog id:wablog

markupã«é–¢ã™ã‚‹wablogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (42)

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

ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆãŒãƒ™ã‚¹ãƒˆã¨ã¯é™ã‚‰ãªã„ | WWW WATCH
æœ€è¿‘ã‚¦ãƒã®ä¼šç¤¾ã®ä¸ã®äººã‚‚æ›¸ã„ã¦ã„ã¾ã—ãŸã€Web ã‚µã‚¤ãƒˆã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã—ã¦ã‚ˆãä½¿ã‚ã‚Œã‚‹ ã€Œãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆã€ ï¼ˆTopic Path ãªã‚“ã¦è¨€ã„æ–¹ã‚‚ã—ã¾ã™ãï¼‰ ... æœ€è¿‘ã‚¦ãƒã®ä¼šç¤¾ã®ä¸ã®äººã‚‚æ›¸ã„ã¦ã„ã¾ã—ãŸã€Web ã‚µã‚¤ãƒˆã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã—ã¦ã‚ˆãä½¿ã‚ã‚Œã‚‹ ã€Œãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆã€ ï¼ˆTopic Path ãªã‚“ã¦è¨€ã„æ–¹ã‚‚ã—ã¾ã™ãï¼‰ ã§ã™ãŒã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®ä»•æ–¹ã¯ã©ã†ã„ã†æ–¹æ³•ãŒã„ã„ã¨ã‹ã€ãã‚‚ãã‚‚ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆã£ã¦å¿…è¦ãªã®ï¼Ÿ ãªã‚“ã¦è©±ã¾ã§ã€æœ€è¿‘ã‚ˆãç›®ã«ã™ã‚‹æ°—ãŒã—ã¾ã™ã€‚ å€‹äººçš„ã«ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆã¯ã‚µã‚¤ãƒˆ ID ï¼ˆãƒã‚´ãªã©ã§ã™ãï¼‰ ã«å¯¾ã™ã‚‹ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã¸ã®ãƒªãƒ³ã‚¯è¨å®šåŒæ§˜ã®æ…£ç¿’ã¿ãŸã„ãªæ„Ÿè¦šã§ã€ã™ã¹ã¦ã®äººã¨ã¯è¨€ã‚ãªã„ã¾ã§ã‚‚ä¸€å®šã®èªçŸ¥ã¯ã•ã‚Œã¦ã„ã‚‹ã¨è€ƒãˆã¦ã„ã¾ã™ã®ã§ã€ã‚µã‚¤ãƒˆæ§‹ç¯‰ã®éš›ã¯åŸºæœ¬çš„ã«è¦ä»¶ã«å«ã‚ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ ã§ã€ä»Šå›žã¯ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆãŒå¿…è¦ã‹ï¼Ÿ ã¨ã‹ã€ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ã©ã®ã‚ˆã†ãªæ–¹æ³•ãŒå¦¥å½“ã‹
wablog 2007/02/12
rel å±žæ€§ã¯ profile ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã§æ‹¡å¼µå¯èƒ½

markup

accessibility
ãƒªãƒ³ã‚¯
imgã¯ç”»åƒã€altã¯ä»£æ›¿ - å¾’æ›¸
LSC1æœˆ17æ—¥åˆ†ã®17b altå±žæ€§ã§ã€imgè¦ç´ ã«ã¤ã„ã¦æ°—ã«ãªã‚‹è¨˜è¿°ãŒã‚ã‚Šã¾ã—ãŸã€‚ ã€Œaltå±žæ€§ã¯ç”»åƒã®ä»£æ›¿ã€ã¨è€ƒãˆã‚‹ã‹ã‚‰ãŠã‹ã—ãªã“ã¨ã«ãªã‚‹ã€‚ HTML ã¯æ–‡ç« ã«ã‚¿ã‚°ã§æ„å‘³ä»˜ã‘ã™ã‚‹ã‚‚ã®ã ã‹ã‚‰ã€æ—¢ã«ã‚ã‚‹æ–‡ç« ï¼ˆãƒ•ãƒ¬ãƒ¼ã‚ºï¼‰ã‚’ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ãŸçµæžœãŒ imgè¦ç´ ã«ãªã‚‹ã¹ãã€‚ã¤ã¾ã‚Šã€ã€Œç”»åƒã¯ã‚ã‚‹ãƒ•ãƒ¬ãƒ¼ã‚ºã®ä»£æ›¿ã€ãŒæ£ã—ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨ã€‚ ã“ã‚Œã¯ã¡ã‚‡ã£ã¨ã²ãã£ã¦è€ƒãˆã™ãŽãªã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ HTMLä»•æ§˜æ›¸ã‚’ç´ ç›´ã«èªã‚ã°ã€imgè¦ç´ ã¯åŸ‹ã‚è¾¼ã¿ç”»åƒ (Embedded image)ã§ã‚ã‚Šã€altå±žæ€§ã¯ä»£æ›¿ãƒ†ã‚ã‚¹ãƒˆãªã®ã ã‹ã‚‰ã€ãã‚Œã‚’é€†ã«è€ƒãˆã‚‹ã¨ã„ã†ã®ã¯ç„¡ç†ãŒã‚ã‚‹ã‚ˆã†ã«æ€ã„ã¾ã™ã€‚ HTMLã‚’æ›¸ãä¸Šã§ã®è€ƒãˆæ–¹ã¨ã—ã¦ã€é‡Žåµœã•ã‚“ã«ã‚ˆã‚Šæå”±ã•ã‚ŒãŸã€Œã¯ã˜ã‚ã«ãƒ†ã‚ã‚¹ãƒˆã‚ã‚Šãã€ã¨ã„ã†è¨€è‘‰ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã¯è‡ªç„¶è¨€èªžã§æ›¸ã‹ã‚ŒãŸæ–‡æ›¸ã‚’ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ä¸Šã§ã¯ã¨ã¦ã‚‚é‡è¦ãªè€ƒãˆæ–¹ã§ã¯ã‚ã‚‹ã®ã§ã™ãŒã€ä¸€æ–¹ã§ã€HTMLã¯è‡ªç„¶è¨€èªžã§æ›¸ã‹ã‚Œ
wablog 2007/02/12
ã€ŒHTMLã¯è‡ªç„¶è¨€èªžã§æ›¸ã‹ã‚ŒãŸæ–‡æ›¸ã®ãŸã‚ã ã‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã§ã¯ãªã„ã€ ã¤ãƒ¼ã‹ãªã‚“ã§ alt ã®ä¸èº«ã£ã¦ã“ã‚“ãªã«æ‚©ã‚€ã‚“ã ã‚ ...

markup

alt
ãƒªãƒ³ã‚¯
æˆ‘çš„æ˜¥ç§‹: ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—
ã¡ã‚‡ã£ã¨å‰ã« ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆï¼ˆTopic Pathï¼‰ã‚’ä½œæˆã™ã‚‹éš›ã«ä½¿ãˆãã†ãªã‚µãƒ³ãƒ—ãƒ«8ç¨®ï¼ˆCSS HappyLifeï¼‰ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãŒç››æ³ã§ã—ãŸãŒã€ä»Šæ—¥ã¯ãƒ‘ãƒ³ããšãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®è«–ç†æ§‹é€ é¢ã‚’è£œå¼·ã™ã‚‹æ„å‘³ã‚‚è¾¼ã‚ã¦ã€(X)HTML ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®ä¾‹ã‚’ã€ã‚µã‚¤ãƒˆæ§‹é€ ã‚„ã‚µã‚¤ãƒˆã®ç›®çš„ã«å¿œã˜ã¦ã€ã„ãã¤ã‹æŒ™ã’ã¦ã¿ã¾ã—ãŸã€‚CSS ã®è©±ã¾ã§å…¥ã‚Œã‚‹ã¨é•·ããªã‚‹ã®ã§ã€ä»Šå›žã¯ï¼ˆã‚‚ï¼Ÿï¼‰(X)HTML ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«è©±ã‚’çµžã‚Šã¾ã™ã€‚CSS ã«ã¤ã„ã¦ã¯ã€ç‰¹ã«ã‚»ãƒ¬ã‚¯ã‚¿ã¾ã‚ã‚ŠãŒçµæ§‹ å¤‰ã‚ã£ã¦ã—ã¾ã„ã¾ã™ãŒã€ã²ã¨ã¾ãšã€HirasaWa ã•ã‚“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãªã©ã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ï¼ˆæ°—ãŒå‘ã„ãŸã‚‰ã€åˆ¥ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’ç«‹ã¦ã¾ã™ã‘ã©ã€å®Ÿéš›ã«æ›¸ãã‹ã©ã†ã‹ã¯æœªå®šã€‚ï¼‰ éšŽå±¤åž‹æ§‹é€ ï¼ˆtree structureï¼‰ ï¼»2006-02-11 è¿½è¨˜ï¼½ çŸ³å·ä¸€é–ã•ã‚“ã‚ˆã‚Šã€ã€Œã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ã‚’é‡è¦–ã™ã‚‹ãªã‚‰aè¦ç´ ã«rel/revå±žæ€§ã‚’åŠ ãˆã¦ãƒªãƒ³ã‚¯ã®é–¢ä¿‚æ€§ã‚’æ˜Žç¤ºã™ã‚‹ã®ãŒ
wablog 2007/02/11
ã€Œè‚å¿ƒã®ã‚·ãƒ‹ã‚¢å±¤ã¯ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆã‚’ã»ã¨ã‚“ã©ä½¿ã‚ãªã„ã€

markup

accessibility

topic-path
ãƒªãƒ³ã‚¯
Adobe Developer Website
The most memorable digital experiences are unleashed by developer creativityAdobe products and services empower developers
wablog 2007/02/01
dreamweaver

markup

design
ãƒªãƒ³ã‚¯
pre è¦ç´ ã®ã‚¹ã‚¿ã‚¤ãƒ«å®šç¾©ã¨ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— - 2xup
2006-09-07T00:56:49+09:00 ãªã«ã‚„ã‚‰ pre è¦ç´ ã« CSS ã§ã©ã†ã„ã£ãŸã‚¹ã‚¿ã‚¤ãƒ«å®šç¾©ã‚’ã—ã¦ã„ã‚‹ã®ã‹ã€ã¾ãŸã€pre è¦ç´ ã‚’ã©ã®ã‚ˆã†ã«ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã„ã‚‹ã®ã‹ã€æ§˜ã€…ãªæ„è¦‹ãŒã§ã¦ã„ã‚‹æ¨¡æ§˜ã€‚ ãƒ–ãƒã‚°ã«ã‚³ãƒ¼ãƒ‰ã‚’è²¼ã‚Šä»˜ã‘ã‚‹æ–¹æ³•ã§æ‚©ã‚€ã®å·»(i d e a * i d e a - Lifehacks by 100SHIKI.COM) preè¦ç´ ã¸ã®ã‚¹ã‚¿ã‚¤ãƒ«æŒ‡å®š(hail2u.net - Weblog) Re: i d e a * i d e a - ãƒ–ãƒã‚°ã«ã‚³ãƒ¼ãƒ‰ã‚’è²¼ã‚Šä»˜ã‘ã‚‹æ–¹æ³•ã§æ‚©ã‚€ã®å·»(hxxk.jp) æƒ…å ±å…±æœ‰ã¨æ–°ãŸãªç™ºè¦‹ã‚’æœŸå¾…ã—ã¦ã€ã©ã®ã‚ˆã†ã«ã‚¹ã‚¿ã‚¤ãƒ«å®šç¾©ãƒ»ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã„ã‚‹ã®ã‹å…¬é–‹ã™ã‚‹ã“ã¨ã«ã€‚ã¾ãšã¯æ³¨æ„ã—ã¦ã„ã‚‹ãƒã‚¤ãƒ³ãƒˆã‚’æŒ™ã’ã¦ã¿ã¾ã™ã€‚ Macintosh ç‰ˆ Internet Explorer ã§ã¯ã€div è¦ç´ ä»¥å¤–ã«å€¤ãŒ visible (åˆæœŸå€¤) ä»¥å¤–ã® overf
wablog 2007/01/21
css

markup
ãƒªãƒ³ã‚¯
Showing Good Form
Earlier this year, I forget exactly when (itâ€™s been a good year), I was building a client site that needed widgets which look like this (designed, incidentally, by my erstwhile writing partner, Cameron Adams): Building this was a challenge not just in CSS, but in choosing the proper markup â€“ how should such a widget be constructed? Mmm â€¦ markup It seemed to me there were two key issues to deal wit
wablog 2007/01/08
css

fieldset

markup
ãƒªãƒ³ã‚¯
Making Compact Forms More Accessible
A designer recently handed me a compact-form design that included the oft-seen technique of putting field names directly inside of the text fields themselves. The typical method of marking this up is to put the field name in the value attribute of each input element. You would then throw in some JavaScript and server-side scripting to make sure that the user didnâ€™t submit the form with the default
wablog 2007/01/08
ãƒ¦ãƒ¼ã‚¶åã¨ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã®ãƒ•ã‚©ãƒ¼ãƒ ã¯æ¨ªä¸¦ã³ã«ã—ã¦ã€ JavaScript ã§ label ã‚’ä¸Šã«ã‹ã¶ã›ã‚‹

markup

css

javascript

form

accessibility

ui
ãƒªãƒ³ã‚¯
HTML Standard
Table of contents 1 Introduction2 Common infrastructure3 Semantics, structure, and APIs of HTML documents4 The elements of HTML5 Microdata6 User interaction7 Loading web pages8 Web application APIs9 Communication10 Web workers11 Worklets12 Web storage13 The HTML syntax14 The XML syntax15 Rendering16 Obsolete features17 IANA considerationsIndexReferencesAcknowledgmentsIntellectual property rights F
wablog 2006/12/11
web

markup

html5
ãƒªãƒ³ã‚¯
çœç•¥èªžã¨é æ–‡å—èªžã‹ã‚‰å®šç¾©ãƒªã‚¹ãƒˆã‚’ç”Ÿæˆã™ã‚‹ Movable Type ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
2006-11-30T01:56:25+09:00 ã‚¨ãƒ³ãƒˆãƒªãƒ¼æœ¬æ–‡ã¨è¿½è¨˜ã« abbr (çœç•¥èªž) ã‚„ acronym (é æ–‡å—èªž) ãŒã‚ã£ãŸå ´åˆã€ãã‚Œã‚‰ã®èªžå¥ã‚’å®šç¾©ã—ãŸå®šç¾©ãƒªã‚¹ãƒˆã‚’ç”Ÿæˆã™ã‚‹ Movable Type ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚å„ã€…ã®è¦ç´ ã§ã‚³ãƒ³ãƒ†ãƒŠã—ãŸèªžå¥ãŒå®šç¾©èªž (dt)ã€title å±žæ€§ã®å€¤ã¯å®šç¾©èªžã®æ¦‚è¦ (dd) ã«ãªã‚Šã¾ã™ã€‚ãƒ’ãƒ³ãƒˆã¯ lomo ã•ã‚“ã®è¨˜äº‹ã‹ã‚‰ã€‚ é æ–‡å—èªžã¨ç•¥èªžã‹ã‚‰å®šç¾©ãƒªã‚¹ãƒˆã‚’ç”Ÿæˆ - Auto-Glossary(caramel*vanilla) ä»Šå›žã¯ abbr (çœç•¥èªž) ã‚„ acronym (é æ–‡å—èªž) ã§ã‚„ã‚Šã¾ã—ãŸãŒã€microformats ã¨ã‹ã€ä½•ã‹ä»–ã«ã‚‚é¢ç™½ã„äº‹ãŒã§ããã†ãªäºˆæ„Ÿã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¨ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« åˆ©ç”¨ã®éš›ã¯è‡ªå·±è²¬ä»»ã§ãŠé¡˜ã„ã—ã¾ã™ã€‚ãœã²ä¿®æ£æ¡ˆãªã©ã‚‚ãŠä¼ãˆãã ã•ã„ã€‚ 2xup repos - Movable Type Plugin
wablog 2006/12/10
markup

mt
ãƒªãƒ³ã‚¯
abbr ã¯æœ¬æ¥ æ©Ÿæ¢°ã®ãŸã‚ã®è¦ç´ â€”ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯èª°ï¼ˆä½•ï¼‰ã®ãŸã‚ã®ã‚‚ã®ã‹ï¼Ÿ - æˆ‘çš„æ˜¥ç§‹
ã•ãã®ï¼’ã¤ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¨é–¢é€£ã—ã¦ã€‚ ç•¥èªžã«æŒ¯ã‚Šå›žã•ã‚Œã‚‹ä»Šæ—¥ã“ã®é ƒ abbr ã® title å€¤ã‚’ CSS ã§ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ— abbr ã‚’ä½¿ã‚ãšã«ç›´æ›¸ãã™ã‚‹ã®ãŒæœ€å–„ï¼Ÿ ANOTHER PIECESï¼ˆid:xcezx ã•ã‚“ï¼‰ã®ã€Œabbr è¦ç´ ãã®2ã€ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã€æ¬¡ã®ã‚ˆã†ãªã”æŒ‡æ‘˜ã‚’ã„ãŸã ãã¾ã—ãŸã€‚ï¼ˆid:xcezx ã•ã‚“ã€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚å€‹äººçš„ã«ã“ã†ã„ã†å‰å‘ããªæ‰¹åˆ¤ã‚„è°è«–ã¯å¤§æ“è¿Žã§ã™ï¼ï¼‰ ã€ŒCSSã‚’å‡¦ç†ã—ãªã„ãƒ†ã‚ã‚¹ãƒˆãƒ–ãƒ©ã‚¦ã‚¶ã‚„éŸ³å£°èªã¿ä¸Šã’ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ã€ã‚„ã¯ã‚Šç•¥èªžã®ãƒ•ãƒ«ã‚¹ãƒšãƒ«ã¯è¡¨ç¤ºã•ã‚Œãªã„ã‚ˆãã€‚ã€ã¨ã„ã†ã®ãŒãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£çš„ãªè¦³ç‚¹ã‹ã‚‰ã€æº€ç‚¹ã‚’ã‚ã’ã‚‰ã‚Œãªã„ç†ç”±ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’è€ƒãˆã‚‹ãªã‚‰ã€å°è³¢ã—ã„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãªã©ä½¿ã‚ãšã«ã€"XHTML (eXtensible HyperText Markup Language)" ã¨ã‹ã—ãŸæ–¹ãŒã‚ˆã£ã½ã©ã„ã„æ°—ãŒã™ã‚‹ã€‚ çµè«–ã‹ã‚‰ã„ãˆã°ã€ã“ã®æŒ‡æ‘˜ã¯å¤§å¤‰ã”ã‚‚ã£ã¨
wablog 2006/12/10
ãƒžã‚·ãƒ³ãƒªãƒ¼ãƒ€ãƒ“ãƒªãƒ†ã‚£ã‚’ä¸Šã’(ã¦çµæžœçš„ã« ScreenReader ç‰ã‚’ç”¨ã„ãŸã¨ãã® accessibility ã‚’ä¸Šã’)ã¤ã¤å¯è¦–æ€§ã‚‚è‰¯ãã™ã‚‹ãŒã‚“ã°ã‚Šã€‚ã“ã†ã„ã†è°è«–ã¯ã™ã”ãå‚è€ƒã«ãªã‚‹ã€‚

markup

accessibility
ãƒªãƒ³ã‚¯
Marking Up a Tag Cloud
Everyoneâ€™s doing it. The probl em is, everyoneâ€™s doing it wrong. Harsh words, you might think. But the crimes against decent markup are legion in this area. You see, Iâ€™m something of a markup and semantics junkie. So Iâ€™m going to analyse some of the more well-known tag clouds on the internet, explain whatâ€™s wrong, and then show you one way to do it better. del.icio.us I think the first ever tag clo
wablog 2006/12/10
TagCloud ã® markup ã®æ—¢å˜ã®å•é¡Œç‚¹ã¨ ScreenReader ã«è§£é‡ˆã•ã›ã‚‹ãŸã‚ã®è§£ã€‚è¦‹ãŸã„ã“ã¨ã‚‚ã‚ã‚‹ã‹ã‚‰ off-left ä»¥å¤–ã«ä½•ã‹ã„ã„è¦‹ã›æ–¹ãŒã§ãã‚‹ã¨ã„ã„ãªãƒ¼ã£ã¤ã‹ TagCloud è‡ªä½“ã©ã†ã‚ˆã£ã¤ãƒ¼ã‹ã€‚ã‚¯ãƒ©ã‚¹åã¡ã‚‡ã£ã¨ã‚¦ã‚±ãŸã€‚ãã“ã¾ã§ã‚„ã‚‹ã‹ã€‚

markup

accessibility

tags
ãƒªãƒ³ã‚¯
çª“ã®æœ - ã€NEWSã€‘HTMLå†…ã«å«ã¾ã‚Œã‚‹<H>ã‚¿ã‚°ã®éšŽå±¤ã‚’ãƒ„ãƒªãƒ¼è¡¨ç¤ºã™ã‚‹Firefoxæ‹¡å¼µã€ŒDocument Mapã€
HTMLãƒ•ã‚¡ã‚¤ãƒ«å†…ã«å«ã¾ã‚Œã‚‹<H>ã‚¿ã‚°ã®éšŽå±¤ã‚’ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«ãƒ„ãƒªãƒ¼è¡¨ç¤ºã™ã‚‹ã€ŒFirefoxã€ç”¨æ‹¡å¼µæ©Ÿèƒ½ã€ŒDocument Mapã€v0.6.1ãŒã€18æ—¥ã«å…¬é–‹ã•ã‚ŒãŸã€‚ã€ŒFirefoxã€v1.5ä»¥é™ã«å¯¾å¿œã™ã‚‹ãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆã§ã€ç·¨é›†éƒ¨ã«ã¦Windows XPä¸Šã®ã€ŒFirefox æ—¥æœ¬èªžç‰ˆã€v1.5.0.7ã§å‹•ä½œç¢ºèªã—ãŸã€‚ç¾åœ¨ã€Mozillaè£½å“ã®å„ç¨®æ‹¡å¼µæ©Ÿèƒ½ã‚’å…¬é–‹ã—ã¦ã„ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚µã‚¤ãƒˆâ€œMozilla Add-Onsâ€ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã€‚ ã€ŒDocument Mapã€ã¯ã€HTMLãƒ•ã‚¡ã‚¤ãƒ«å†…ã«å«ã¾ã‚Œã‚‹<H>ã‚¿ã‚°ã®éšŽå±¤ã‚’è§£æžã™ã‚‹ã€ŒFirefoxã€ç”¨æ‹¡å¼µæ©Ÿèƒ½ã€‚HTMLä¸Šã§è¦‹å‡ºã—ã‚’æŒ‡å®šã™ã‚‹ãŸã‚ã®<H>ã‚¿ã‚°ã¯ã€<H1>ï½ž<H6>ã¾ã§ã®6æ®µéšŽãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ãŒã€æœ¬æ‹¡å¼µæ©Ÿèƒ½ã¯é–²è¦§ãƒšãƒ¼ã‚¸ã«å«ã¾ã‚Œã‚‹<H>ã‚¿ã‚°ã®ç¨®é¡žã‚’éšŽå±¤ã¨ã—ã¦ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«ãƒ„ãƒªãƒ¼è¡¨ç¤ºã—ã¦ãã‚Œã‚‹ã€‚ã“ã®ã¨ãã€ãƒ„ãƒªãƒ¼å†…ã®å„<H>ã‚¿ã‚°ã‚’é¸æŠžã™ã‚Œã°ã€å®Ÿéš›
wablog 2006/11/04
extensions

markup
ãƒªãƒ³ã‚¯
ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼
ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã«ã‚ˆã£ã¦ã€Œã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€ã¨ã„ã†ãƒªãƒ³ã‚¯ã‚¢ãƒ³ã‚«ãƒ¼ã‚’ç”¨ã„ã¦ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’å‚ç…§ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã¨ãªã£ãŸã€‚ ãƒªãƒ³ã‚¯ã®ã‚¢ãƒ³ã‚«ãƒ¼ãƒ†ã‚ã‚¹ãƒˆã«ã€Œã“ã¡ã‚‰ã€ã¨ã‹ã€Œã“ã“ã€ã¨ã‹ã‚’ä½¿ã†ã®ã¯å¥½ã¾ã—ããªã„ã€‚ ãã®ç†ç”±ã®å¤šãã¯ã€Œã“ã“ã€ã¨ã„ã†ãƒªãƒ³ã‚¯ã«ã¤ã„ã¦ã®ãƒªãƒ³ã‚¯é›† ã«æŒ™ã’ã‚‰ã‚Œã¦ã„ã¾ã™ãŒã€è‡ªåˆ†ã¨ã—ã¦ã¯ãƒªãƒ³ã‚¯ã®æœ‰ç„¡ã§æ–‡æ„ãŒå¤‰ã‚ã£ã¦ã—ã¾ã†ã“ã¨ãŒã¨ãã«æ°—ã«ãªã‚Šã¾ã™ã€‚ æ–‡ç« ä¸ã«ã€Œã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ï¼ˆè¨˜äº‹ï¼‰ã€ã¨æ›¸ã‹ã‚Œã¦ã„ã‚Œã°ã€ã€Œã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€ã¨ã¯ä»Šã¾ã•ã«èªã‚“ã§ã„ã‚‹ãã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®ã“ã¨ã‚’æŒ‡ã™ã®ãŒæ™®é€šã§ã™ã€‚ ã—ã‹ã—ã€ã€Œã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€ãŒãƒªãƒ³ã‚¯ã‚¢ãƒ³ã‚«ãƒ¼ã«ãªã£ã¦ã„ã‚‹å ´åˆã€ ã€Œã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€ãŒæŒ‡ã—ã¦ã„ã‚‹ã®ã¯ãƒªãƒ³ã‚¯å…ˆã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®ã“ã¨ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ï¼ˆå°‘ãªãã¨ã‚‚ä½œè€…ã®æ„å›³ã¨ã—ã¦ã¯ï¼‰ã€‚ ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã¨ã‹ãƒªãƒ³ã‚¯ã®æœ¬è³ªã¨ã‹ä»¥å‰ã«ã€æ–‡ç« ã¨ã—ã¦ã©ã†ã‹ã¨æ€ã†ã‚ã‘ã§ã™ã€‚ åˆ¥ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã«ãƒªãƒ³ã‚¯ã™ã‚‹å ´åˆã€ã‚¢ãƒ³ã‚«ãƒ¼ãƒ†ã‚ã‚¹ãƒˆã«ã¯ã€Œã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼
wablog 2006/11/04
ã€Œãƒªãƒ³ã‚¯ã®æœ‰ç„¡ã§æ–‡æ„ãŒå¤‰ã‚ã£ã¦ã—ã¾ã†ã“ã¨ãŒã¨ãã«æ°—ã«ãªã‚Šã¾ã™ã€

markup
ãƒªãƒ³ã‚¯
Opening new windows with JavaScript, version 1.2 | 456 Berea Street
Update: The technique described here is not ideal. Read why in New windows with JavaScript and the target attribute. My script for opening new windows without using the target attribute became more popular than I thought it would. A lot of people commented on the post, Using JavaScript instead of target to open new windows, with suggestions for improvement. A few days after the original post, I up
wablog 2006/11/04
å±žæ€§ã¨å€¤ã‚’æŒ‡å®šã—ã¦æ–°è¦ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã§é–‹ãå¯¾è±¡ã‚’æŒ‡å®šã§ãã‚‹ã‚ˆã†ã«å¤‰æ›´ã€‚ non-html ã‚‚ class ã˜ã‚ƒãªãã¦ type å±žæ€§ãŒã„ã„ãªãƒ¼ã€‚

css

markup
ãƒªãƒ³ã‚¯
HTMLè¦ºæ›¸ã¨CSS2ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
HTMLè¦ºæ›¸ã¨CSS2åƒè€ƒ HTMLè¦ºæ›¸:N HTML 4ã«ã¤ã„ã¦ï¼Œç†æƒ³çš„ãªStrictæ–‡æ›¸ã«ã¤ã„ã¦ï¼ŒåŸºç¤Žã‚’æ¦‚èª¬ã—ã¾ã™ã€‚ ãŠã¾ã‘:è¦‹å‡ºã—ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã‚’ç”Ÿæˆã™ã‚‹ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆ for Firefox CSS2ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹:R CSS2ï¼ˆ2.1ï¼‰ä»•æ§˜ã«åŸºã„ãŸï¼Œæ£ã—ã„çŸ¥è˜ã‚’å¾—ãŸã„äººã®çˆ²ã®æ¦‚èª¬ã§ã™ã€‚ ã‚«ãƒ©ãƒ¼ãƒãƒ£ãƒ¼ãƒˆ:C ã‚¦ã‚§ãƒ–æŠ€è¡“ã«ç”¨ã„ã‚‰ã‚Œã‚‹åŸºç¤Žçš„ãªè‰²åã¨ãã®ã‚³ãƒ¼ãƒ‰ã‚’è¡¨ã«ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼:P ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§æ©Ÿèƒ½ã™ã‚‹ç°¡æ˜“çš„ãªã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼ã§ã™ã€‚é…è‰²ã‚’è€ƒãˆã‚‹éš›ã«ã©ã†ãžã€‚ æŽ²ç¤ºæ¿:M CSSä»•æ§˜ã«ã¤ã„ã¦ï¼Œãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã«ã¤ã„ã¦ï¼Œä½•ã‹ä¸æ˜Žãªç‚¹ãŒã‚ã£ãŸã‚‰ï¼Œã©ã†ãžã€‚ ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³é—œè¯ãƒªãƒ³ã‚¯é›†:L ã‚¦ã‚§ãƒ–æŠ€è¡“ã‚’å¦ç¿’ã™ã‚‹äººã«å‚è€ƒã«ã—ã¦è²°ã„ãŸã„ï¼Œè‰¯è³ªãªãƒªã‚½ãƒ¼ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
wablog 2006/09/14
css

markup

crossbrowser

reference
ãƒªãƒ³ã‚¯
XSLTã§ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒªãƒ³ã‚¯è¡¨ç¤º - å¾’æ›¸
linkè¦ç´ ã¨CSSã®ã¿ã§ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ã§ã€CSSã§linkè¦ç´ ã«ã‚ˆã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å¯è¦–åŒ–ã™ã‚‹æ–¹æ³•ã‚’çŸ¥ã‚Šã¾ã—ãŸã€‚ ä¾¿åˆ©ãã†ãªã®ã§ã™ãŒã€ã€Œlinkè¦ç´ ã‚’CSSã§è¡¨ç¤ºã•ã›ã‚‹ã¨ã€aè¦ç´ ã¨åŒæ§˜ã®ã‚¢ãƒ³ã‚«ãƒ¼ã¨ã—ã¦è¡¨ç¤ºã•ã‚Œã‚‹ã€ã¨ã„ã†å®Ÿè£…ã‚’ã—ã¦ã„ã‚‹ã®ã¯ä»Šã®ã¨ã“ã‚Firefoxç‰ã®Geckoæè¼‰ãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã®ã‚ˆã†ã§ã‚ã‚Šã€HTMLã®ä»•æ§˜ä¸Šã‚‚å¿…ãšãã®ã‚ˆã†ã«å®Ÿè£…ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã‚ã‘ã§ã¯ãªã„ã®ã§ã€æ±Žç”¨çš„ãªæ–¹æ³•ã¨ã¯è¨€ã„é›£ã„ã®ãŒæƒœã—ã„ã¨ã“ã‚ã€‚ ãã“ã§ã€ ã€Œå‡ºæ¥ã‚‹ã ã‘æ—¢å˜ã®XHTMLæ–‡æ›¸ã‚’æ›¸ãæ›ãˆã‚‹äº‹ãªãæ¸ˆã¾ã›ãŸã„ã€‚ã€ ã€ŒJavaScriptã‚’ç„¡åŠ¹ã«ã—ã¦ã„ã‚‹æ–¹ã‚‚å›°ã‚‹äº‹ãªã„ã‚ˆã†ã«ã—ãŸã„ã€‚ã€ ã¨ã„ã†æ¡ä»¶ã®ä¸Šã§ã€ã‚ˆã‚Šæ±Žç”¨çš„ãªè§£æ±ºæ–¹æ³•ã¯ãªã„ã‹ã¨è€ƒãˆã¦ã¿ã¦ã€ã€ŒXSLTã‚’ä½¿ã£ã¦linkè¦ç´ ã®å†…å®¹ã‚’ãƒªã‚¹ãƒˆã¨ã—ã¦åæ˜ ã§ãã‚‹ã®ã§ã¯ã€ã¨ã„ã†ã“ã¨ã‚’æ€ã„ã¤ãã¾ã—ãŸã€‚ ã§ä¹…ã—ã¶ã‚Šã«XSLTã‚’æ›¸ã„ã¦ã¿ã¾ã—ã¦ã€ã§ããŸã®ãŒä»¥ä¸‹ã§ã™ã€‚ test
wablog 2006/08/30
ãªã‚‹ã»ã©ãƒ¼

css

markup

xslt
ãƒªãƒ³ã‚¯
Web Browser Standards Support
Back to Web Devout home Web browser standards support This document will summarize the level of support for web standards and maturing techno logies in popular web browsers. It covers the Internet Explorer, Firefox, and Opera web browsers, with focus on the HTML, CSS, DOM, and ECMAScript techno logies. Pick browsers to display Accessibility features Up Visitors with visual impai rments may take advan
wablog 2006/08/30
css

markup

javascript

crossbrowser

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Mimulus XHTML Editor
mimulus Mimulus is a lightweight XHTML editor implemented as a Firefox extension. Download: mimulus.xpi (v. 1.0-r332) It turns any tab into a WYSIWYG editor, enabling a cursor and letting you change existing content just by typing in the browser window, or add new elements such as headings and lists using simple key combinations. It saves to your hard drive, has an option to let you edit the sourc
wablog 2006/08/30
extensions

markup
ãƒªãƒ³ã‚¯
[æ˜¥] Alt Style
2006/06/22 category / javascript ã¨ã„ã†ã‚ã‘ã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®çµ„ã¿è¾¼ã¿ã‚’å¯è¦–åŒ–ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’æ›¸ãã¾ã—ãŸã€‚<link>è¦ç´ ã‚’èª¿ã¹ã€å„ªå…ˆãƒ»ä»£æ›¿ã‚·ãƒ¼ãƒˆã®ã¿ã‚’æŠ½å‡ºã—ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ã«æ›¸ãå‡ºã—ã¾ã™ã€‚é …ç›®ã‚’é¸æŠžã™ã‚‹ã“ã¨ã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’åˆ‡ã‚Šæ›¿ãˆã‚‰ã‚Œã€cookieçµŒç”±ã§é¸æŠžé …ç›®ï¼ˆç¾é©ç”¨ã‚·ãƒ¼ãƒˆï¼‰ã‚’ä¿æŒã—ã¾ã™ã€‚ > altstyle.jsï¼ˆã‚µãƒ³ãƒ—ãƒ«ï¼‰ ä½¿ã„æ–¹ ä¸Šè¨˜jsãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã®å¾Œã€è‡ªã‚µãƒã«ã‚¢ãƒƒãƒ—ã—ã¾ã™ <head>è¦ç´ å†…ã®<link>è¦ç´ ç¾¤ã‚ˆã‚Šå¾Œã« <script src="<%url>file/altstyle.js" type="text/javascript"></script> ã®ã‚ˆã†ã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒªãƒ³ã‚¯ã—ã¦ãã ã•ã„ ä»¥ä¸Šçµ‚äº†ã€‚è‡ªå‹•ã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®æ•°ãƒ»å½¢å¼ã‚’èª¿ã¹ã¦å‡¦ç†ã—ã¾ã™ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«éƒ¨åˆ†ã®HTMLã¯ <p id="style_select"> <
wablog 2006/08/02
CSS åˆ‡ã‚Šæ›¿ãˆã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚ link è¦ç´ ã‚’èª¿ã¹ã€å„ªå…ˆãƒ»ä»£æ›¿ã‚·ãƒ¼ãƒˆã®ã¿ã‚’æŠ½å‡ºã—ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ã«æ›¸ãå‡ºã—ã€‚ã—ã³ã‚Œã‚‹

css

markup

fun
ãƒªãƒ³ã‚¯
IM::MEMO: Hawkeye - ãƒ¦ãƒ¼ã‚¶ãƒ¼ç›®ç·šã®Webé–‹ç™ºè£œåŠ©ãƒ„ãƒ¼ãƒ«
Fenrir Developer Labs (Fenrir & Co.) ã‹ã‚‰ Sleipnir ä¸Šã§ä½¿ç”¨ã§ãã‚‹Webé–‹ç™ºè£œåŠ©ãƒ„ãƒ¼ãƒ« Hawkeye ã®è©¦é¨“å…¬é–‹ã‚’é–‹å§‹ã—ã¾ã—ãŸã€‚ ã¾ãŸã€æ©Ÿèƒ½ã®ç¨®é¡žã§ã¯ãªãä½œæ¥ã®ç¨®é¡žåˆ¥ã«æ©Ÿèƒ½ã‚’é…ç½®ã™ã‚‹ã“ã¨ã§ã€å¿…è¦ãªæ©Ÿèƒ½ã ã‘ã‚’ä½¿ã†ã“ã¨ãŒã§ãã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãª UI ã‚’ç›®æŒ‡ã—ã¦ã„ã¾ã™ã€‚ Sleipnir ç”¨ã® Plugin ã«ã¯ã„ãã¤ã‹ã®è·¯ç·š(ã‚¿ãƒ¼ã‚²ãƒƒãƒˆå±¤)ãŒã‚ã‚Šã€SeaHorseã€UserAction Extension ã®ã‚ˆã†ã«éžå¸¸ã«ãƒ‘ãƒ¯ãƒ•ãƒ«(ä¸Šç´šè€…å‘ã‘)ãªã‚‚ã®ã‹ã‚‰ã€ Headline-Reader Pluginã€Hawkeye ã®ã‚ˆã†ã«èª°ã‚‚ãŒè¦ªã—ã‚ã‚‹ã‚‚ã®ã¾ã§å¹³è¡Œé–‹ç™ºã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚¢ã‚¯ã‚»ã‚µãƒªçš„ã§(ãƒ„ãƒ¼ãƒ«)é–‹ç™ºè€…ç›®ç·šã®æ—¢å˜ã®Webé–‹ç™ºè£œåŠ©ãƒ„ãƒ¼ãƒ«ã«æ¯”ã¹ã¦ã€Hawkeye ã®å ´åˆã¯ã‚·ãƒƒã‚«ãƒªã¨ "ä½¿ãˆã‚‹ã“ã¨" ã‚’ã‚¢ãƒ”ãƒ¼ãƒ«ã—ã¦ã„ã¾ã™ã€‚ç›®çš„åˆ¥ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã®ã§éž
wablog 2006/07/27
dev

css

markup

sleipnir
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸