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

Trapezoid id:Trapezoid

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

${{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ã€ã‚‚å¤§äº‹ã‹ã‚‚ï¼šekken
æŠ€è¡“ç³»ã®äººã®ä¸ã«ã¯ã€ã‚ˆã‚Šæ£ã—ã„HTMLã§æ›¸ãäº‹ã‚’ç›®æ¨™ã¨ã—ã¦ã„ã‚‹äººãŒã„ã¦ã€ç¢ºã‹ã«ãã®æ–¹ãŒèªã¿ã‚„ã™ã„æ–‡ç« ã®ã“ã¨ãŒå¤šã„ã¨æ„Ÿã˜ã‚‹ã®ã ã‘ã©ã€‚ ãƒ¡ã‚¿ãƒœãªHTML | ã‚ªãƒˆã‚³ã®ã‚ãƒ¢ãƒï¼’ align="center"ã¨ã„ã†ã®ã‚„ï¼Œ<td width="200" bgcolor="#CCFFFF">ã¨ã„ã†ã®ã‚„ï¼Œè¦‹ãŸç›®ã‚’æ•´ãˆã‚‹ãŸã‚ã®å±žæ€§ã€‚ <br> <br> <br> <br> ãªã‚“ã¦ã¨ã“ã‚ã‚‚ã‚ã‚‹ãªã€‚ ã¯ã£ãã‚Šè¨€ã£ã¦ï¼Œã€Œãƒ¡ã‚¿ãƒœã€ã§ã™ã‚ˆã€‚ ã€Œè¦‹ãŸç›®ã¯CSSã§æ•´ãˆã‚‹ã€ã¨ã„ã†ã®ã¯ã€èªã¿æ‰‹ã«ã¨ã£ã¦å¥½ã¿ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§èªã‚€ã“ã¨ãŒã§ãã‚‹ã®ã§ã€è€ƒãˆæ–¹ã¨ã—ã¦ã¯ç†è§£ã§ãã‚‹ã€‚ æ›¸ã‹ã‚ŒãŸãƒ†ã‚ã‚¹ãƒˆã®å†…å®¹ã ã‘ãŒæ£ç¢ºã«ä¼ã‚ã‚Œã°ã„ã„æ–‡ç« ã€ãŸã¨ãˆã°ä½•ã‹ã«å¯¾ã™ã‚‹æ„è¦‹æ–‡ã ã¨ã‹èª¬æ˜Žæ–‡ã®å ´åˆã¯ã€è´…è‚‰ã‚’ããŽè½ã¨ã—ãŸHTML ã®ã»ã†ãŒèªã¿ã‚„ã™ã„ã€‚ ã ã‘ã©å‰µä½œæ–‡ã®å ´åˆã¯ã€ãã†ã¯ã„ã‹ãªã„ã®ã§ã¯ãªã„ã‹ã€ã¨æ€ã£ãŸã€‚ åƒ•ãŒä¸å‹‰å¼·ãªã ã‘ãªã®ã‹ã‚‚ã—ã‚Œãªã„ã‘ã‚Œã©ã€ã€Œè´…è‚‰ã‚’ã
Trapezoid 2008/04/10
ãã‚Œpre

html

markup
ãƒªãƒ³ã‚¯
http://www.stripey.com/vim/html.html
Trapezoid 2007/12/16
vim

html
ãƒªãƒ³ã‚¯
æœ€é€Ÿã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ç ”ç©¶ä¼š :: HTMLãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’è§£æžã—ã¦ç‰¹å¾´çš„ãªãƒ«ãƒ¼ãƒ—ã‚’è¦‹ã¤ã‘ã‚‹Bookmarklet
- å…¨ã¦ã®DOMãƒŽãƒ¼ãƒ‰ã‚’åˆ—æŒ™ã™ã‚‹ - ãƒŽãƒ¼ãƒ‰ã¯æ¬¡ã®ã‚ˆã†ã«æ–‡å—åˆ—åŒ–ã•ã‚Œã‚‹ã€‚ 0: /html[0]/body[0]/div 1: /html[0]/body[0]/div[0]/div 2: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 3: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 4: /html[0]/body[0]/div[0]/div[0]/ul[0]/li 5: /html[0]/body[0]/div[0]/div[0]/ul[0]/li ç›´å‰ã®éšŽå±¤ã¾ã§ã¯æ·»ãˆå—ã¤ãã€æœ€å¾Œã®ãƒŽãƒ¼ãƒ‰ã¯ã‚¿ã‚°åã®ã¿ã«ã™ã‚‹ã€‚ classåã€idåã¯æŽ’é™¤ã™ã‚‹ã€‚å„ã€…ã®ã‚µã‚¤ãƒˆã®ãƒ«ãƒ¼ãƒ«ã§è¨˜è¿°ã•ã‚ŒãŸruleã‚ˆã‚Šã‚‚ ã‚¿ã‚°ã®ãƒã‚¹ãƒˆæ§‹é€ ã®æ–¹ãŒå¤‰åŒ–ã«å¼·ã„ã—æ©Ÿæ¢°çš„ã«æŠ½å‡ºã—ã‚„ã™ã„ã®ã§ã¯ãªã„ã‹ï¼Ÿ å‡ºç¾å›žæ•°ã§ã‚½ãƒ¼ãƒˆã™ã‚‹ã€‚liè¦ç´ 2-5ã¯ãƒ«ãƒ¼ãƒ—ã§ã‚ã‚‹ã“ã¨ãŒåˆ†ã‹
Trapezoid 2007/06/01
bookmarklet

dom

html
ãƒªãƒ³ã‚¯
è«–ç†æ§‹é€ ã‚’æ–‡è„ˆã«èªã¿æ›ãˆãªãŒã‚‰ class åã‚’è€ƒãˆã‚‹ - æˆ‘çš„æ˜¥ç§‹
POSH encapsulates the best practices of using semantic HTML to author web pages. Semantic HTML is the subset of HTML 4.01 (or XHTML 1.0) elements and attributes that are semantic rather than presentational. posh - Microformatsã‚ˆã‚Š åŸºæœ¬çš„ã«ã¯ã‚ˆã‚Šè«–ç†æ§‹é€ ã‚’æ„è˜ã—ãŸ classåã‚’ã¤ã‘ã‚‹ã“ã¨ãŒã€ä»Šæ—¥ã®ãŠè©±ã®ç›®çš„ãªã‚“ã§ã™ãŒã€semantic-class-names ã®ãƒªãƒ³ã‚¯å…ˆã«ãªã„æ–°å‘³ã¯ã€è«–ç†æ§‹é€ ã‚’æ–‡è„ˆã«èªã¿æ›ãˆãªãŒã‚‰ class åã‚’è€ƒãˆã‚‹ã¨ã„ã†ç‚¹ã€‚ï¼ˆãŸã ã—ã€æ™®æ®µã‹ã‚‰æ„è˜çš„ã«æ–‡æ›¸å…¨ä½“ã®æ§‹é€ ã«ç…§ã‚‰ã—ã¦ classåã‚’ã¤ã‘ã¦ã„ã‚‹æ–¹ã«ã¯ã€ãã‚Œã»ã©æ–°å‘³ã¯ãªã„ã‹ã‚‚ã€‚ï¼‰ ä¾‹ã«ã‚ˆã£ã¦
Trapezoid 2007/06/01
markup

css

html
ãƒªãƒ³ã‚¯
idåã€classåã®æœ€è¿‘ã®è‡ªåˆ†ã®å‚¾å‘
ä»¥å‰ã«ã€Œã‚‚ã†ã€classåã‚„idåã§æ‚©ã¾ãªã„ã‚“ã ã‹ã‚‰ã£ï¼ï¼ã€ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’æ›¸ã„ãŸã®ã ã‘ã©ã€è‡ªåˆ†ãŒã‚ˆã†ä½¿ã†idåã¨classåã®ã¾ã¨ã‚ã¨ã€ãã®è¾ºã®ç†ç”±ä»˜ã‘ã‚’ã—ã¦ã¿ã‚ˆãƒ¼ã‹ãªãã¨æ€ã£ãŸã€‚ å¾Œã€idã¨classã®ä½¿ã„åˆ†ã‘çµ¡ã¿ã‚‚ã¡ã‚‡ã£ã¨æ›¸ãã‹ã‚‚ã€‚ ã“ãƒ¼ã„ã†å†…å®¹ã‚’æ›¸ãã¨åå¿œãŒæ€–ã‹ã£ãŸã‚Šã™ã‚‹ã‘ã©ã€ã‚½ãƒ¬ã‚‚ã¾ãŸå‹‰å¼·ãªã‚Šã€‚ã¨ã‹æ€ã£ã¦è‡ªåˆ†ãªã‚Šã®ä»Šã®è€ƒãˆã‚’æ›¸ã„ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ å…ˆã«è¨€ã£ã¦ãŠãã¾ã™ãŒã€ã‚³ãƒ¬ã‹ã‚‰æ›¸ãäº‹ãŒæ£è§£ã¨ã‹ã“ã†ä»˜ã‘ã‚‹ã¹ãã£ã¦è§£é‡ˆã¯ã—ãªã„æ„Ÿã˜ã§ãŠé¡˜ã„ã—ã¾ã™ã€‚ ã‚³ã‚¤ãƒ„ã¯ã“ã†è€ƒãˆã¦ã‚‹ã‚“ã ã€‚ãã‚‰ã„ã§èªã‚“ã§ã„ãŸã ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚ãˆã‡ã€‚ å…¨ä½“ã‚’å›²ã‚€éš›ã«ã‚ˆãä½¿ã†ã‹ãªã£ã¦ã„ã†ç³» #page idã§ã‚³ãƒ¬ã‚’ã¤ã‘ã‚‹äº‹ãŒæœ€è¿‘å¤šã„ã§ã™ã€‚ wrapperã¨ã‹wrapã‚’ä½¿ã‚ãªã„ã®ã¯ã€è„³å†…ãŒã‚µãƒ©ãƒ³ãƒ©ãƒƒãƒ—ã«çŠ¯ã•ã‚Œã¦ã„ã‚‹ã‹ã‚‰ã£ã¦ã„ã†ã‚„ã‚‹æ°—ã®ç„¡ã„ç†ç”±ã‚‚ã‚ã‚Šã¾ã™ãŒã€ã€Œã“ã®ã‚µã‚¤ãƒˆã®ã“ã®ãƒšãƒ¼ã‚¸ã€‚ã€ãªã‚“ã ã‹ã‚‰pageãŒã—ã£ãã‚Šæ¥ãŸãªã
Trapezoid 2007/03/21
webdesign

html

css

tips
ãƒªãƒ³ã‚¯
Geekãªãºãƒ¼ã˜ï¼šHTMLçŸ¥è˜ãƒ¬ãƒ™ãƒ«
ã€ŒLevels of HTML knowledgeã€ã¨ã„ã†è¨˜äº‹ãŒã‚ã‚Šã¾ã—ãŸã€‚ ã‹ãªã‚Šçš®è‚‰ãŸã£ã·ã‚Šã§ç¬‘ãˆã¾ã—ãŸã€‚ ä»¥ä¸‹ã€è¦ç´„ã—ã¦ã„ã¾ã—ãŸã€‚ èª¤è¨³ãªã©ãŒã‚ã‚‹ã¨æ€ã†ã®ã§è©³ç´°ã¯åŽŸæ–‡ã‚’ã”è¦§ä¸‹ã•ã„ã€‚ åŽŸæ–‡ã®ã•ã‚‰ã«ãƒã‚¿å…ƒã®ã€ŒLevels of CSS knowledgeã€ã‚‚é¢ç™½ã„ã§ã™ã€‚ ãƒ¬ãƒ™ãƒ« 0 ã“ã®ãƒ¬ãƒ™ãƒ«ã®äººã¯HTMLã‚’è¦‹ã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ä¾‹ãˆã°ã€ãƒ¡ãƒ¼ãƒ«ã§é€ä¿¡ã•ã‚Œã¦ããŸHTMLãƒ¡ãƒ¼ãƒ«ã‚’åŽŸæ–‡ã®ã¾ã¾è¦‹ã‚‹ãªã©ã€ç¨€ã«ä½•ã‹ã®é–“é•ã„ã§è¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã£ã¦ã„ã‚‹HTMLã‚’è¦‹ã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã™ã€‚ å½¼ã‚‰ã¯ãƒ¬ãƒ™ãƒ«0ä»¥ä¸Šã«ãªã‚ã†ã¨ã‚‚æ€ã„ã¾ã›ã‚“ã€‚ ã‚ã‚ŠãŒã¡ãªç™ºè¨€ ã€ŒHï¼ŸTMï¼Ÿ ä½•ãã‚Œï¼Ÿã€ ãƒ¬ãƒ™ãƒ« 1 ã“ã®ãƒ¬ãƒ™ãƒ«ã®äººãŸã¡ã¯ã€è‡ªåˆ†ãŸã¡ãŒæ—¥ã€…ç›®ã«ã—ã¦ã„ã‚‹Webã‚µã‚¤ãƒˆã®è£ã§ä½•ã‚‰ã‹ã®ãƒ—ãƒã‚°ãƒ©ãƒ ãŒå‹•ä½œã—ã¦ã„ã‚‹äº‹ã‚’èªè˜ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ã‚¯ãƒ©ã‚¹ã®äººãŸã¡ã¯Webã‚µã‚¤ãƒˆã‚’è‡ªåˆ†ãŸã¡ã§ä½œã‚‹ã¨ãã«ã¯ã€å°‚ç”¨ã®ãƒ„ãƒ¼ãƒ«(Photoshopã€Dreamwea
Trapezoid 2007/02/06
Lv4~5ã«å·®ãŒã‚ã‚Šã™ãŽã‚‹ã€‚/4.5ã£ã¦æ‰€ã‹ãªã€å¤šåˆ†

neta

html
ãƒªãƒ³ã‚¯
CSSã¨Buttonã‚¿ã‚°ã‚’ä½¿ã£ãŸã‚¯ãƒ¼ãƒ«ãªãƒœã‚¿ãƒ³ã‚µãƒ³ãƒ—ãƒ«é›†:phpspoté–‹ç™ºæ—¥èªŒ
Digital Web Magazine - Push my button If thereâ€™s one element I think doesnâ€™t get enough respect, itâ€™s gotta be button. Itâ€™s played second fiddle to input in tutorials and form examples for as long as I can rem ember. CSSã¨Buttonã‚¿ã‚°ã‚’ä½¿ã£ãŸã‚¯ãƒ¼ãƒ«ãªãƒœã‚¿ãƒ³ã‚µãƒ³ãƒ—ãƒ«é›†ã€‚ Formã®submit ãƒœã‚¿ãƒ³ã‚’ä½œã‚‹å ´åˆã€<input type="submit" value="é€ä¿¡"> ã®å½¢å¼ãŒæœ€ã‚‚ä½¿ã‚ã‚Œã¦ã„ã¾ã™ãŒã€ <button type="submit"></button> ã‚¿ã‚°ã‚’ä½¿ã„ã€ãã®å†…éƒ¨ã«HTMLã‚’å…¥ã‚Œã“ã‚“ã§CSSã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã“ã¨ã§ãƒªãƒƒãƒãªãƒœã‚¿ãƒ³ãŒä½œã‚Œã‚‹å®Ÿä¾‹ã€‚ <in
Trapezoid 2006/09/28
<button type="submit"></button>ã¨CSS/buttonã‚¿ã‚°ã‚’ä½¿ã£ãŸè©¦ã—ãŒç„¡ã„

webdesign

css

html
ãƒªãƒ³ã‚¯
ruby ã®ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ãƒ„ãƒ¼ãƒ«ã‚ãƒƒãƒˆ scrAPI - å·oãƒ»-ãƒ»ï¼‰ï¼œ2nd life
http://blog.labnotes.org/category/scrapi/ ruby ã§ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã—ã¦ web ã®æƒ…å ±ã‚’å–å¾—ã™ã‚‹ã®ã«ã¯ã€ä»Šã¾ã§æ£è¦è¡¨ç¾ã‹ xpath ã§ã‚„ã£ã¦ãŸã®ã§ã€ã‚ã‚Šã¨é¢å€’ã§ã—ãŸã€‚ã§ã€ãµã¨ scrAPI ã¨ã„ã†ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ãƒ„ãƒ¼ãƒ«ã‚ãƒƒãƒˆã‚’çŸ¥ã£ãŸã®ã§ã™ãŒã€ã“ã‚ŒãŒã‹ãªã‚Šä¾¿åˆ©ãã†ã€‚ ã“ã®ãƒ„ãƒ¼ãƒ«ã‚ãƒƒãƒˆã‚’ä½¿ã†ã¨ã€CSS3 ãªã‚»ãƒ¬ã‚¯ã‚¿ã‚’è¨˜è¿°ã™ã‚‹ã“ã¨ã§ã€è¦ç´ ã‚’å–å¾—ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãŸã¨ãˆã°ã¨ã‚ã‚‹ã‚µã‚¤ãƒˆã®ãƒªãƒ³ã‚¯ã‚’å…¨éƒ¨å–å¾—ã—ãŸã‘ã‚Œã°ã€ require 'rubygems' require 'scrapi' require 'open-uri' require 'nkf' require 'pp' $KCODE = 'u' links = Scraper.define do process "a[href]", "urls[]"=>"@href" result :urls e
Trapezoid 2006/09/23
ã“ã€€ã‚Œã€€ã¯ã€€ã™ã€€ã”ã€€ã„

programming

ruby

tips

Web

html
ãƒªãƒ³ã‚¯
ãƒ½( ãƒ»âˆ€ãƒ»)ãƒŽãã¾ãã¾ãƒ¼(2006-09-07) CSSã§ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—
â— CSSã§ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ— ã¡ã‚‡ã£ã¨ã—ãŸèª¬æ˜Žæ–‡ã‚’ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã™ã‚‹ã«ã¯ "title" å±žæ€§ãŒä¾¿åˆ©ã§ã‚ã‚‹ãŒã€è¤‡æ•°è¡Œè¡¨ç¤ºãŒãƒ–ãƒ©ã‚¦ã‚¶ã«ä¾å˜ã—ã€ç”»åƒã‚’å«ã‚“ã ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã¯å¯¾å¿œã§ããªã„ã€‚ã‹ã¨è¨€ã£ã¦JSã‚’æŒã¡å‡ºã™ã®ã‚‚é¢å€’ã ã¨æ€ã£ã¦ã„ãŸã‚‰ã€CSSã®ã¿ã§å®Ÿç¾ã§ãã‚‹ã‚‰ã—ã„ã€‚ãã®ã¾ã¨ã‚ã€‚(via RailsChat) CSS .popup .tips { display : none; position : absolute; } .popup a:hover { position:relative; } .popup a:hover .tips{ display : block; top : 30px; left : 20px; white-space : nowrap; text-decoration : none; border : 1px solid black; color : black; back
Trapezoid 2006/09/12
css

design

webdesign

tips

html
ãƒªãƒ³ã‚¯
hxxk.jp - Re: i d e a * i d e a - ãƒ–ãƒã‚°ã«ã‚³ãƒ¼ãƒ‰ã‚’è²¼ã‚Šä»˜ã‘ã‚‹æ–¹æ³•ã§æ‚©ã‚€ã®å·»
è¨˜äº‹ãƒ‡ãƒ¼ã‚¿ æŠ•ç¨¿è€… æœ›æœˆçœŸç´ æŠ•ç¨¿æ—¥æ™‚ 2006-09-06T22:10+09:00 ã‚¿ã‚° CSS HTML ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ ä»•æ§˜ æ¦‚è¦ i d e a * i d e a - ãƒ–ãƒã‚°ã«ã‚³ãƒ¼ãƒ‰ã‚’è²¼ã‚Šä»˜ã‘ã‚‹æ–¹æ³•ã§æ‚©ã‚€ã®å·»ã‚’èªã‚“ã§ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«ã¤ã„ã¦ä½•åº¦ã‹è¨˜äº‹ã‚’æ›¸ã„ãŸã“ã¨ã‚’æ€ã„å‡ºã—ãŸã®ã§ã€æ”¹ã‚ã¦è§¦ã‚Œã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ãƒªãƒ—ãƒ©ã‚¤ 1 ä»¶ã®ãƒªãƒ—ãƒ©ã‚¤ãŒã‚ã‚Šã¾ã™ã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«ã¤ã„ã¦ä»¥å‰æ›¸ã„ãŸãªã‚ i d e a * i d e a - ãƒ–ãƒã‚°ã«ã‚³ãƒ¼ãƒ‰ã‚’è²¼ã‚Šä»˜ã‘ã‚‹æ–¹æ³•ã§æ‚©ã‚€ã®å·»ã‚’èªã‚“ã§ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«ã¤ã„ã¦ä½•åº¦ã‹è¨˜äº‹ã‚’æ›¸ã„ãŸã“ã¨ã‚’æ€ã„å‡ºã—ã¾ã—ãŸã€‚ hxxk.jp ã¯è‡ªåˆ†ã®ãŸã‚ã®å‚™å¿˜éŒ²ã‚µã‚¤ãƒˆã§ã™ ! ( ä½•åº¦ã‚‚æ›¸ã„ã¦ã‚¢ãƒ”ãƒ¼ãƒ« ) ãã‚Œã‚‰éŽåŽ»ã®è¨˜äº‹ã‚’äº¤ãˆã¦ã€ i d e a * i d e a - ãƒ–ãƒã‚°ã«ã‚³ãƒ¼ãƒ‰ã‚’è²¼ã‚Šä»˜ã‘ã‚‹æ–¹æ³•ã§æ‚©ã‚€ã®å·»ã®å†…å®¹ã«ã¤ã„ã¦è§¦ã‚Œ
Trapezoid 2006/09/08
css

html

XHTML

programming

tips
ãƒªãƒ³ã‚¯
CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ»ã‚¹ã‚¿ã‚¤ãƒ«
ã€Œã“ã†ã„ã†ã‚¹ã‚¿ã‚¤ãƒ«ãŒCSSã‚’è¨˜è¿°ã™ã‚‹æ™‚ã«ä¾¿åˆ©ã ã‚ˆï¼ã€€ã‚³ãƒ³ã‚»ãƒ³ã‚µã‚¹(ã¤ã¥ã‚Šã¯çŸ¥ã‚‰ãªã„)ã‚‚å–ã‚Œã‚‹ã—ï¼ã€ã¨ã‹ã„ã†å»ºè¨çš„ãªæ„è¦‹ã¯ã¾ã‚‹ã§ãªã„ã‚“ã§ã™ãŒã€CSSã‚’æ›¸ãæ™‚ã®è‡ªåˆ†ãƒ«ãƒ¼ãƒ«ã¯çµæ§‹ã‚ã‚‹ã®ã§ã¾ã¨ã‚ãŒã¦ã‚‰ã‚¨ãƒ³ãƒˆãƒªã«ã™ã‚‹ã€‚ã‚‚ã¡ã‚ã‚“hxxk.jpã®CSS ã®è¨˜è¿°ãƒ«ãƒ¼ãƒ«è¨˜äº‹ã®ã¾ã¨ã‚ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªã‚’è¦‹ãŸã‹ã‚‰æ›¸ãæ°—ã«ãªã£ãŸã‚“ã ã‘ã©ã€‚ ã¨ã‚Šã‚ãˆãšã‚¹ã‚¿ã‚¤ãƒ«æŒ‡å®šã‚’å–ã£æ‰•ã† å„ãƒ–ãƒ©ã‚¦ã‚¶é–“ã§ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®çŠ¶æ…‹ã§ã®å·®ç•°ã‚’è€ƒãˆã‚‹ã¨é ãŒç—›ããªã£ã¦ãã‚‹ã®ã§ã€æ‰‹å§‹ã‚ã«å–ã£æ‰•ã£ã¦å‹è² ã€‚ ãƒ•ã‚©ãƒ³ãƒˆãƒ»ãƒ•ã‚¡ãƒŸãƒªã®æŒ‡å®šã¯åˆ¥ãƒ•ã‚¡ã‚¤ãƒ« è¦‹å‡ºã—ã¯ã“ã®ãƒ•ã‚©ãƒ³ãƒˆã§æœ¬æ–‡ã¯ã“ã®ãƒ•ã‚©ãƒ³ãƒˆã¨ã„ã£ãŸã‚ˆã†ã«ã€ãƒ•ã‚©ãƒ³ãƒˆãƒ»ãƒ•ã‚¡ãƒŸãƒªã®æŒ‡å®šã¯ã„ã‚ã„ã‚ãªè¦ç´ ã«ã¾ã¨ã‚ã¦æŒ‡å®šã™ã‚‹ã“ã¨ãŒå¤šã„ã®ã§ã€ã¾ã¨ã‚ã¦åˆ¥ãƒ•ã‚¡ã‚¤ãƒ«ã«ã€‚ æ§˜ã€…ãªã¨ã“ã‚ã§ä½¿ã†ã‚¹ã‚¿ã‚¤ãƒ«ã¯hiddenã‚„wrapperãªã©ã¨ã„ã†ã‚¯ãƒ©ã‚¹ã§ã¾ã¨ã‚ã‚‹ CSSå´ã§ã“ã®è¦ç´ ã§ã¯clear: both;ã¨ã‹ã„ã†ã®ã§ã‚‚è‰¯ã„ã®ã ã‘ã©ã€ã“
Trapezoid 2006/08/21
css

è¨˜æ³•

html

webdesign
ãƒªãƒ³ã‚¯
ç¬¬ï¼”å›ž HTMLã‹ã‚‰XHTMLã¸ã®ç§»è¡Œæ–¹æ³•ï¼ˆ1ï¼‰ï¼šITpro
HTMLã‹ã‚‰XHTMLã«ã‚¹ãƒ ãƒ¼ã‚ºã«ç§»è¡Œã™ã‚‹ã«ã¯ã€ã€Œæ›¸å¼ã®é•ã„ã€ã‚’ãã¡ã‚“ã¨æŠ¼ã•ãˆã¦ãŠãã“ã¨ãŒä¸å¯æ¬ ã€‚ä»Šå›žã¯ã€ŒXMLå®£è¨€ã€ã€Œæ–‡æ›¸åž‹å®£è¨€ã€ã€ŒXMLåå‰ç©ºé–“ã¨è¨€èªžã‚³ãƒ¼ãƒ‰ã€ã€ŒMIMEã‚¿ã‚¤ãƒ—ã€ã€Œstyleè¦ç´ ã¨scriptè¦ç´ ã€ã«ã¤ã„ã¦è¦‹ã¦ã„ã“ã†ã€‚ HTMLã‚ˆã‚Šã‚‚æ›¸å¼ãŒåŽ³æ ¼ãªXHTML XHTMLã¯HTMLã‚’XMLã§å†å®šç¾©ã—ãŸãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã§ã‚ã‚Šã€HTMLã®ç°¡ä¾¿ã•ã‚’æ®‹ã—ã¤ã¤XMLã®è«–ç†çš„åŽ³å¯†æ€§ã‚’å‚™ãˆã¦ã„ã‚‹ã€‚ãã®ãŸã‚ã€HTMLã®ã‚ˆã†ã«ãƒ«ãƒ¼ã‚ºãªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ï¼ˆãŸã¨ãˆã°çµ‚äº†ã‚¿ã‚°ãŒãªã„ãªã©ï¼‰ã§ã‚‚ãƒ–ãƒ©ã‚¦ã‚¶ã§å•é¡Œãªãè¡¨ç¤ºã•ã‚Œã‚‹ã€ã¨ã„ã†ã“ã¨ã¯ã»ã¨ã‚“ã©ãªã„ã€‚ã—ãŸãŒã£ã¦ã€æ›¸ãæ–¹ã«ã‚¨ãƒ©ãƒ¼ãŒãªã„ã‹ã©ã†ã‹å°‘ã—ç¥žçµŒè³ªã«ãªã‚‰ãªã‘ã‚Œã°ãªã‚‰ãªã„ã€‚ ã¾ãŸã€CSSãŒãã¡ã‚“ã¨é©ç”¨ã•ã‚Œãªã„ã¨ã„ã†ãƒˆãƒ©ãƒ–ãƒ«ã‚‚ã€å®Ÿã¯XHTMLãŒæ£ã—ãæ›¸ã‹ã‚Œã¦ã„ãªã„ã“ã¨ã«èµ·å› ã—ã¦ã„ã‚‹ã“ã¨ãŒå°‘ãªããªã„ã€‚ ã“ã‚Œã‚‰ã®å•é¡Œã‚’é¿ã‘ã‚‹ã¹ãã€ã‚¨ãƒ©ãƒ¼ã®ãªã„ã‚½ãƒ¼ã‚¹ã«ã™ã‚‹ã«ã¯ã€ãƒãƒªãƒ‡
Trapezoid 2006/08/12
XHTML

html

XML

tips
ãƒªãƒ³ã‚¯
http://car.s35.xrea.com/better/frame.php
Trapezoid 2006/08/07
Usability

webdesign

html
ãƒªãƒ³ã‚¯
XSS - è¡¨ç¤ºç³»ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã«å˜åœ¨ã™ã‚‹ç›²ç‚¹ :: ã¼ãã¯ã¾ã¡ã¡ã‚ƒã‚“ï¼
ã“ã‚“ã«ã¡ã¯ã“ã‚“ã«ã¡ã¯ï¼ï¼ ã‚¯ãƒã‚¹ã‚µã‚¤ãƒˆã‚¹ã‚¯ãƒªãƒ—ãƒ†ã‚£ãƒ³ã‚°ã®æ™‚é–“ã§ã™ï¼ XSSã¨ã„ã†ã¨â€¦ï¼ ã¾ã£ã•ãã«æ€ã„ã¤ãã®ãŒã€å…¥åŠ›ãƒ‡ãƒ¼ã‚¿é€ä¿¡ â†’ ç¢ºèªè¡¨ç¤ºã®éƒ¨åˆ†ã§ã®ç„¡å®³åŒ–æ¼ã‚Œã§ã™ã‚ˆãï¼ ãŸã¨ãˆã°ã“ã‚“ãªæ„Ÿã˜ã®ãƒ•ã‚©ãƒ¼ãƒ ã‹ã‚‰å—ã‘å–ã£ãŸãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã‚’ã€ ç¢ºèªã¨ã—ã¦è¡¨ç¤ºã™ã‚‹ãƒšãƒ¼ã‚¸ã¨ã‹ï¼ (å…¥åŠ›) <form action="register.cgi" method="post"> ã‚¿ã‚¤ãƒˆãƒ«ï¼š<input type="text" name="title"> â† ã€Œã¼ãã¯ã¾ã¡ã¡ã‚ƒã‚“ï¼ã€ã‚’å…¥åŠ› æœ¬æ–‡ï¼š<input type="text" name="body"> â† ã€Œã“ã‚“ã«ã¡ã¯ã“ã‚“ã«ã¡ã¯ï¼ï¼<script>alert(1)</script>ã€ã‚’å…¥åŠ› </form> (ç¢ºèª) <p>ã“ã®å†…å®¹ã§ç™»éŒ²ã—ã¦ã„ã„ï¼Ÿ</p> <p> ã‚¿ã‚¤ãƒˆãƒ«ï¼š ã¼ãã¯ã¾ã¡ã¡ã‚ƒã‚“ï¼<br> æœ¬æ–‡ï¼š ã“ã‚“ã«ã¡ã¯ã“ã‚“ã«ã¡ã¯ï¼ï¼<script>alert
Trapezoid 2006/08/02
programming

Security

xss

XSS

html

ã¯ã¾ã¡ã¡ã‚ƒã‚“

hatena

javascript
ãƒªãƒ³ã‚¯
ã€ãƒ¬ãƒãƒ¼ãƒˆã€‘Wicketå…¥é–€ - Javaã¨HTMLã ã‘ã§ä½œã‚‹Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ (1) Wicketã¨ã¯? | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯WicketãŒæ£å¼ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã®ã¯2005å¹´ã®6æœˆã€‚ã¾ã‚‚ãªã1å¹´ã‚’è¿Žã‚ˆã†ã¨ã—ã¦ã„ã‚‹ã€‚Wicketã¯ã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã‚’å®¹æ˜“ã«ã™ã‚‹ãŸã‚ã€ãã‚Œã¾ã§ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã¯ä¸€é¢¨å¤‰ã‚ã£ãŸã‚¢ãƒ—ãƒãƒ¼ãƒã‚’å–ã£ã¦ã„ã‚‹ã“ã¨ã§æ³¨ç›®ã•ã‚ŒãŸã€‚Wicketã®ç¾åœ¨ã®æœ€æ–°ç‰ˆã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.1.1ã§ã‚ã‚Šã€6æœˆã«ã¯æ§˜ã€…ãªæ”¹è‰¯ãŒåŠ ãˆã‚‰ã‚ŒãŸWicket 1.2ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã‚‹äºˆå®šã«ãªã£ã¦ã„ã‚‹ã€‚æœ¬ç¨¿ã§ã¯ã€ãã®Wicketã‚’ä½¿ç”¨ã—ã¦ç°¡å˜ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã™ã‚‹ã€‚ Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ ã„ã‚ã‚†ã‚‹Webãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰æ“ä½œã™ã‚‹Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹å ´åˆã€ã„ã¡ã‹ã‚‰ã™ã¹ã¦ä½œæˆã™ã‚‹ã¨ã„ã†ã“ã¨ã¯ã¾ãšãªã„ã€‚ã¾ãšåŸºæœ¬ã¨ãªã‚‹Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ±ºã‚ã€å®Ÿç¾ã—ãŸã„æ©Ÿèƒ½ã‹ã‚‰å¿…è¦ã«ãªã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ãã‚ãˆã€ãã‚Œã‚‰ã‚’çµ„ã¿åˆã‚ã›ã¦ã‚·ã‚¹ãƒ†ãƒ ã®é–‹ç™ºã‚’ãŠã“ãªã†ã€‚ Javaã‚’
Trapezoid 2006/05/11
programming

Java

html

Web
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸é…è‰²ã‚’æ±ºã‚ã‚‹ã®ã«ä¾¿åˆ©ãªç„¡æ–™ã‚µãƒ¼ãƒ“ã‚¹ã„ã‚ã„ã‚ - GIGAZINE
ã¾ãšã¯ä½•ã‚‚è€ƒãˆãšã«é…è‰²ã‚’è€ƒãˆãŸã„äººå‘ã‘ã®ã€ŒColor Wheelã€ã‹ã‚‰ã€‚ Color Wheel - ver 2.0.1 http://www.webwhirlers.com/colors/spinwheel.asp ã€ŒSPINã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚Œã°æ¬¡ã€…ã¨é…è‰²ãŒè‡ªå‹•çš„ã«ãƒ‰ãƒ³ãƒ‰ãƒ³å¤‰ã‚ã£ã¦ã„ãã®ã§ã€ãŠæ°—ã«å…¥ã‚Šã‚’è¦‹ã¤ã‘ã‚Œã°ã„ã„ã ã‘ã¨ã„ã†è¶…ç°¡å˜ä»•æ§˜ã€‚å„é…è‰²ã¯èƒŒæ™¯ã‚„æ–‡å—è‰²ãªã©ã«å‰²ã‚Šå½“ã¦ã‚‰ã‚Œã¦ãŠã‚Šã€ãƒã‚§ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã‚’æŠ¼ã™ã“ã¨ã§å…¥ã‚Œæ›¿ãˆå¯èƒ½ã€‚ã¾ãŸã€ã€ŒHOLDã€ã«ãƒã‚§ãƒƒã‚¯ã‚’å…¥ã‚Œã‚Œã°ãã®è‰²ã¯ã€ŒSPINã€ã‚’æŠ¼ã—ã¦ã‚‚å¤‰åŒ–ã—ãªã„ã‚ˆã†ã«ã§ãã‚‹ã®ã§ã€æ°—ã«å…¥ã£ãŸè‰²ã‚’è¦‹ã¤ã‘ãŸã‚‰ãã‚Œã ã‘å›ºå®šã—ã¦ã€ã•ã‚‰ã«æ¬¡ã®è‰²ã‚‚å›ºå®šã—ã¦å…¥ã‚Œæ›¿ãˆã¦â€¦ã¨ã„ã†ã‚ˆã†ã«ã™ã‚Œã°ã€ã„ãã‚‰ã§ã‚‚è‡ªåˆ†å¥½ã¿ã®ã‚«ãƒ©ãƒ¼ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ç”Ÿæˆã§ãã‚‹ã¨ã„ã†ã‚ã‘ã€‚ ã¾ãŸã€ã€ŒExample1ã€ä»¥å¤–ã«ã‚‚ã€ŒExample2ã€ã‚’æŠ¼ã›ã°é•ã†ãƒšãƒ¼ã‚¸ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã®ä½¿ç”¨ä¾‹ã‚‚è¦‹ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã€åŒã˜é…
Trapezoid 2006/04/27
design

html

css

Web
ãƒªãƒ³ã‚¯
CSSã«ã‚ˆã‚‹æ®µçµ„ï¼ˆãƒžãƒ«ãƒã‚«ãƒ©ãƒ ï¼‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆè¬›åº§
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› ã„ã¤ã‚‚Yahoo! JAPANã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”åˆ©ç”¨ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ ãŠå®¢æ§˜ãŒã‚¢ã‚¯ã‚»ã‚¹ã•ã‚ŒãŸã‚µãƒ¼ãƒ“ã‚¹ã¯æœ¬æ—¥ã¾ã§ã«ã‚µãƒ¼ãƒ“ã‚¹ã‚’çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ä»Šå¾Œã¨ã‚‚Yahoo! JAPANã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”æ„›é¡§ãã ã•ã„ã¾ã™ã‚ˆã†ã€ã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚
Trapezoid 2006/03/26
html

design

css
ãƒªãƒ³ã‚¯
CSSè¨˜è¿°è¦å‰‡ã€Œãƒ—ãƒãƒ‘ãƒ†ã‚£åˆ¥æ•´ç†æ³•ã€ã®ææ¡ˆ : akiyan.com
2005-03-06 ã¯ã˜ã‚ã« 2005-03-05 ææ¡ˆã®ç›®çš„ 2005-03-07 å¿…é ˆãƒ„ãƒ¼ãƒ« 2005-03-06 æ³¨æ„ç‚¹ 2005-03-11 å¤šãã®CSSã¯å›³æ›¸é¤¨æ–¹å¼ã§æ•´ç†ã•ã‚Œã¦ã„ã‚‹ 2005-03-06 å›³æ›¸é¤¨æ–¹å¼ã®ä¾‹ 2005-03-07 å›³æ›¸é¤¨æ–¹å¼ã®åˆ©ç‚¹ 2005-03-11 å›³æ›¸é¤¨æ–¹å¼ã®æ¬ ç‚¹ 2005-03-04 å›³æ›¸é¤¨æ–¹å¼ã®ä½•ãŒä¸æº€ã‹ 2005-03-06 ãƒ—ãƒãƒ‘ãƒ†ã‚£åˆ¥æ•´ç†æ³•ã¨ã¯ 2005-03-04 çµ¶å¯¾è¦å‰‡ 2005-03-04 æŽ¨å¥¨è¦å‰‡ 2005-03-06 ãƒ—ãƒãƒ‘ãƒ†ã‚£åˆ¥æ•´ç†æ³•ã®ä¾‹ 2005-03-11 ãƒ—ãƒãƒ‘ãƒ†ã‚£åˆ¥æ•´ç†æ³•ã®åˆ©ç‚¹ 2005-03-04 ãƒ—ãƒãƒ‘ãƒ†ã‚£åˆ¥æ•´ç†æ³•ã®æ¬ ç‚¹ 2005-03-04 ãƒ—ãƒãƒ‘ãƒ†ã‚£åˆ¥æ•´ç†æ³•ã«è¿‘ã„ä¾‹ 2005-03-04 æ©Ÿæ¢°ã¨ã®è¦ªå’Œæ€§ 2005-03-04 Grepæ¤œç´¢ã‚’æ´»ç”¨ã™ã‚‹ 2005-03-04 æ©Ÿæ¢°ãŒå®Œå…¨ã«ç†è§£ã§ãã‚‹ 2005-
Trapezoid 2006/01/20
Web

html

css

design
ãƒªãƒ³ã‚¯
1