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

mxg id:mxg

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

ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã‹ã‚‰ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®JavaScriptã‚’å‘¼ã³å‡ºã™éš›ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ - kazuhoã®ãƒ¡ãƒ¢ç½®ãå ´
JavaScriptæ–‡å—åˆ—ã®ã‚¨ã‚¹ã‚±ãƒ¼ãƒ— â€“ yohgaki's blog ã«å¯¾ã—ã¦ã€ æœ€è¿‘ã ã¨ id="hoge" data-foo="<% bar %>" ã—ã¦ãŠã„ã¦ $("#hoge").data('foo') ã§ã¨ã‚Šã ã™ã®ãŒä¸»æµã‹ã¨æ€ã„ã¾ã™ã€‚ ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ - JavaScriptæ–‡å—åˆ—ã®ã‚¨ã‚¹ã‚±ãƒ¼ãƒ— â€“ yohgaki's blog ã®ã‚ˆã†ã«ã€ ãã‚‚ãã‚‚JavaScriptã‚³ãƒ¼ãƒ‰ã‚’å‹•çš„ç”Ÿæˆã™ã¹ãã§ãªã„ JavaScriptã‚³ãƒ¼ãƒ‰ã«æ¸¡ã™å¤‰æ•°ã¯HTMLãƒŽãƒ¼ãƒ‰ã‚’çµŒç”±ã™ã¹ãã ã¨ã„ã†ã‚ˆã†ãªåè«–ãŒã¤ã„ã¦ã„ã¾ã™ã€‚ ãŒã€ã¯ãŸã—ã¦ãã†ã§ã—ã‚‡ã†ã‹ã€‚ åƒ•ã«ã¯ã€å…ƒã®è¨˜äº‹ã®æ‰‹æ³•ã‚‚ã€HTMLãƒŽãƒ¼ãƒ‰ã‚’çµŒç”±ã™ã‚‹æ‰‹æ³•ã‚‚ã‚ã¾ã‚Šå¥½ã¾ã—ããªã„*1ã‚ˆã†ã«æ€ãˆã¾ã™ã€‚ ãã‚‚ãã‚‚ã€HTMLç”Ÿæˆæ™‚ã«XSSè„†å¼±æ€§ãŒç™ºç”Ÿã—ãŒã¡ãªã®ã¯ã€ ã‚¿ã‚°ã‚„é™çš„ãªæ–‡å—åˆ—ã¨å‹•çš„ã«ç”Ÿæˆã•ã‚Œã‚‹æ–‡å—åˆ—ãŒæ··åœ¨ã— åŸ‹ã‚è¾¼ã¾ã‚Œã‚‹å¤šæ•°ã®æ–‡å—åˆ—ã‚’æ£ã—ãã‚¨ã‚¹ã‚±ãƒ¼ãƒ—
mxg 2013/11/18
javascript

html
ãƒªãƒ³ã‚¯
The W3C Markup Validation Service
Validate by URI Validate a document online: Address: More Options
mxg 2010/05/17
html5

html
ãƒªãƒ³ã‚¯
Perlã§å£Šã‚ŒãŸHTMLã‚’è£œå®Œã™ã‚‹
ã‚¿ã‚¤ãƒˆãƒ«ã®å•é¡Œã§ã™ãŒã€è‡ªåˆ†ã¯ã‚ˆãä»¥ä¸‹ã®ã‚ˆã†ãªé–¢æ•°ã§ã‚„ã‚Šã¾ã™ã€‚ HTML::TreeBuilderã®as_HTML()ãŒã†ã¾ã„ã“ã¨ã‚„ã£ã¦ãã‚Œã¾ã™ã€‚ (å®Ÿéš›ã«ã¯HTML::Element::as_HTML()ã§ã™ãŒ) sub _complement_html { my $broken_html = shift; my $html = do { no strict 'refs'; no warnings 'redefine'; local *HTML::Entities::encode_entities = sub {}; local *HTML::Entities::decode = sub {}; my $tree = HTML::TreeBuilder->new; $tree->parse( $broken_html ); $tree->as_HTML; }; $html =~ s#<ht
mxg 2010/05/07
perl

l

html
ãƒªãƒ³ã‚¯
docomoã¨ã‹ã„ã†ç«¯æœ«ã¯textareaã®é–“ã«æ–‡å—ã‚’å…¥ã‚Œãªã„ã¨ã€ãã“ä»¥é™ã®htmlãŒå‡ºåŠ›ã•ã‚Œãªã„ï¼Ÿ - æ–°ã ã‚‹ã‚ãè·¡åœ°
è¿½è¨˜ èª¤è§£ã§ã—ãŸ -> http://d.hatena.ne.jp/foosin/20090712/1247367730 ãƒ¢ãƒã‚¤ãƒ«é–‹ç™ºã—ã¦ãŸã‚‰æ°—ãŒã¤ã„ãŸã€‚ãŸã ã§ã•ãˆãƒ¢ãƒã‚¤ãƒ«ã¯ä¸»è¦3ã‚ãƒ£ãƒªã‚¢ã®è‰²ã‚“ãªä»•æ§˜ãŒãƒãƒ©ãƒãƒ©ã ãŒã€ä¸ã§ã‚‚æœ€ä½Žã«é…·ã„ã‚ã®ã€ guidã£ã¦ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã¤ã‘ãªã‘ã‚Œã°ç«¯æœ«IDãŒå–å¾—ã§ããªã„ ã‚¯ãƒƒã‚ãƒ¼ãŒä½¿ãˆãªã„ å¤–éƒ¨cssãŒèªã¿è¾¼ã‚ãªã„ WAP2.0äº’æ›ãªiãƒ¢ãƒ¼ãƒ‰å¯¾å¿œXHTMLãŒä½¿ãˆã‚‹ã¨ã‹å¤§å˜˜ã¤ã„ã¦ã‚‹ docomoã¨ã‹ã„ã† ç‹¬è‡ªä»•æ§˜ã¶ã£ã¡ãŽã‚Šã€ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ä½•ãã‚ŒãŠã„ã—ã„ã®ï¼Ÿã¤ã„ã§ã«ã€Œãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã®å½¢å¼ã¯RFCã«æº–æ‹ ã—ã¦ã„ã¾ã™ã€ã¨ã‹å¤§å˜˜ã“ã„ãŸæŒ™å¥æ•°é€±é–“å¾Œã«ã¯webã‚µã‚¤ãƒˆä¸Šã‹ã‚‰ãã®è¡¨è¨˜ã‚’æŠ¹æ¶ˆã—ã¦ãã®ä»¶ã«ã¤ã„ã¦ã¯ä½•ã®ãƒ•ã‚©ãƒãƒ¼ã‚‚ç„¡ã„ä¸Šã€ãã‚“ãªã‚¢ãƒ‰ãƒ¬ã‚¹ä½¿ã£ãŸã›ã„ã§PCã¨ãƒ¡ãƒ¼ãƒ«ãŒé€å—ä¿¡ã§ããªã„å ´åˆãŒã‚ã‚‹ã®ã¯ãƒ—ãƒãƒã‚¤ãƒ€ã®ã›ã„ã§ã™ã‚ˆã€ã¨å—ã‘å–ã‚Œã‚‹èª¬æ˜Žã‚’è¼‰ã›ãŸã ã‘ã˜ã‚ƒé£½ããŸã‚‰ãšæœªã ã«RFCã«
mxg 2009/07/02
mobile

docomo

html
ãƒªãƒ³ã‚¯
height: n%;ã®æ£ã—ã„ä»•æ§˜ - Webæ¨™æº–æ™®åŠãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆ
height: n%;ã®æ£ã—ã„ä»•æ§˜ CSSã§ã¯ä¾‹ãˆã°height: 100%;ã¨æ›¸ã„ãŸå ´åˆã€å®Ÿéš›ã«ã©ã†ã„ã£ãŸé«˜ã•ã¨ãªã‚‹ã‹ã”å˜ã˜ã§ã—ã‚‡ã†ã‹? ã“ã®ç®—å‡ºå€¤ã¯è¦ªè¦ç´ ã«å·¦å³ã•ã‚Œã‚‹ã®ã§ã™ãŒã€ ã‚ˆãå‹˜é•ã„ã•ã‚Œã¦ã„ã‚‹æ–¹ãŒã„ã‚‹ã®ã§æ£ã—ã„ä»•æ§˜ã‚’ç´¹ä»‹ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ ãªãŠã“ã“ã§ã¯è©±ã‚’åˆ†ã‹ã‚Šã‚„ã™ãã™ã‚‹ãŸã‚ã«é€šå¸¸ãƒ•ãƒãƒ¼ã®å ´åˆã§ã‚ã‚‹ã“ã¨ã‚’å‰æã«è¨˜è¿°ã—ã¦ã„ã¾ã™ã€‚ é€šå¸¸ãƒ•ãƒãƒ¼ã§ã¯ç„¡ã„è¦ç´ ã®å ´åˆã€è¦ªè¦ç´ ã‚’åŒ…å«ãƒ–ãƒãƒƒã‚¯ã«èªã¿æ›¿ãˆã¦ãã ã•ã„ã€‚ è¦ªè¦ç´ ã®é«˜ã•ãŒæ˜Žã‚‰ã‹ãªå ´åˆ å¤šãã®æ–¹ã¯ã“ã®å ´åˆã®ä»•æ§˜ã®ã¿ã‚’ã”å˜ã˜ã®ã¯ãšã§ã™ã€‚ èª¬æ˜Žã™ã‚‹é–“ã§ã‚‚ãªãã€è¦ªè¦ç´ ã®é«˜ã•ã®n%ãŒãã®è¦ç´ ã®é«˜ã•ã¨ãªã‚Šã¾ã™ã€‚ ä¾‹ãˆã°height: 300px;ã®è¦ç´ ã®åè¦ç´ ãŒ height: 50%;ã ã£ãŸå ´åˆã€ãã®ç®—å‡ºå€¤ã¯150pxã«ãªã‚Šã¾ã™ã€‚ è¦ªè¦ç´ ã®é«˜ã•ãŒ'auto'ã®å ´åˆ heightãƒ—ãƒãƒ‘ãƒ†ã‚£ã®åˆæœŸå€¤ã¯autoã§ã™ã€‚ ã¤ã¾ã‚Šã€æ˜Žç¤ºçš„ã«height:
mxg 2009/01/10
height: 100%ã¤ãã‚‹

html

css
ãƒªãƒ³ã‚¯
ã“ã®ã‚¿ã‚°ã®ä¸ã£ã¦ãªã‚“ã®ã‚¿ã‚°ãŒã‹ã‘ã‚‹ã‚“ã ã£ã‘ï¼Ÿ - develo.org
HTMLã€CSSã€Javascriptã€ãƒ‡ã‚¶ã‚¤ãƒ³ã€çµµã‚’æã„ãŸã‚Šã€‚
mxg 2008/12/24
html
ãƒªãƒ³ã‚¯
Google Code Archive - Long-term storage for Google Code Project Hosting.
Code Archive Skip to content Google About Google Privacy Terms
mxg 2008/11/06
Cannonball is an implementation of the DOM Level 3, HTML and CSS3 core specifications for ActionScript 3.0.

as3

html

css
ãƒªãƒ³ã‚¯
GPS | ã‚µãƒ¼ãƒ“ã‚¹ãƒ»æ©Ÿèƒ½ | NTTãƒ‰ã‚³ãƒ¢
GPSæ©Ÿèƒ½ã¨ã¯ã€GPSæ©Ÿèƒ½å¯¾å¿œiãƒ¢ãƒ¼ãƒ‰ç«¯æœ«ã®ã¿ã«æä¾›ã•ã‚Œã‚‹ã€ä½ç½®æƒ…å ±ã‚’å–å¾—ã™ã‚‹æ©Ÿèƒ½ã§ã™ã€‚ã“ã®æ©Ÿèƒ½ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€ç«¯æœ«ã®æ‰€åœ¨ã™ã‚‹ä½ç½®ã«å¿œã˜ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œæˆã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚GPSæ©Ÿèƒ½ã§ã¯ã€iã‚¨ãƒªã‚¢ã¨ã¯ç•°ãªã‚Šã€ç·¯åº¦çµŒåº¦ã‚’åˆ©ç”¨ã—ãŸãƒã‚¤ãƒ³ãƒˆã‚’ç¤ºã™ä½ç½®æƒ…å ±ã‚’æä¾›ã—ã¾ã™ã€‚ iãƒ¢ãƒ¼ãƒ‰ã‚’åˆ©ç”¨å¯èƒ½ãªå ´æ‰€ã§ã‚ã‚Œã°ã€å…¨å›½ï¼ˆå›½å†…ï¼‰ã§æœ¬ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”åˆ©ç”¨ã„ãŸã ãã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ æµ·å¤–ã§ã¯ã€iãƒ¢ãƒ¼ãƒ‰ãŒåˆ©ç”¨å¯èƒ½ãªå ´æ‰€ã§ã‚‚ã€å›½å†…åŒæ§˜ã®ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚¢ã‚·ã‚¹ãƒˆæ–¹å¼1 ã®GPSæ©Ÿèƒ½ã¯æä¾›ã§ãã¾ã›ã‚“ã€‚ãŸã ã—ã€ä¸€éƒ¨ã®æ©Ÿç¨®ã¯å˜ç‹¬æ¸¬ä½æ–¹å¼2 ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚å˜ç‹¬æ¸¬ä½æ–¹å¼ã§ã¯ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚¢ã‚·ã‚¹ãƒˆæ–¹å¼ã«å¯¾å¿œã—ã¦ã„ãªã„æµ·å¤–ã§ã‚‚ã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚¹ã‚«ã‚¤3 ã§ã‚ã‚Œã°æ™‚é–“ã‚’ã‹ã‘ã¦æ¸¬ä½ã§ãã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ 1ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚¢ã‚·ã‚¹ãƒˆæ–¹å¼ è¡›æ˜Ÿã®ä½ç½®ã‚„åŸºåœ°å±€æƒ…å ±ã®ä½ç½®ç‰ã®æ•æ‰æƒ…å ±ï¼ˆã‚¢ã‚·ã‚¹ãƒˆãƒ‡ãƒ¼ã‚¿ï¼‰ã‚’æºå¸¯é›»è©±ã®ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚’åˆ©ç”¨ã—ã¦å–å¾—ã™ã‚‹æ–¹å¼ã§ã€
mxg 2008/04/07
gps

mobile

html
ãƒªãƒ³ã‚¯
perl html ãƒ‘ãƒ¼ã‚¹ hPod: use HTML::TreeBuilder
Excite ãƒ–ãƒã‚°ã‹ã‚‰ Seesaa ãƒ–ãƒã‚°ã¸ã®ç§»è¡Œï¼šãã®ï¼’ æ¬¡ã«ã€ Excite ãƒ–ãƒã‚°ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆæ§‹é€ ã‚’èª¿ã¹ã‚‹ã€‚ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆæ§‹é€ ãªã‚“ã¦è¨€ã†ã¨å°é›£ã—ã„ã“ã¨ã‚’ã‚„ã‚Šãã†ã ã‘ã‚Œã©ã€å˜ã« HTML ã‚’ã€ç›®ã§ã€ãƒ‘ãƒ¼ã‚¹ã—ã¦ã¿ãŸã«ã™ãŽãªã„ã€‚ã“ã® HTML ã‹ã‚‰ã€å„è¦ç´ ã‚’æŠœãå‡ºã—ã¦ã€ Seesaa ãƒ–ãƒã‚°ã®ï¼ˆã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã—ãŸãƒ‡ãƒ¼ã‚¿ã®ï¼‰æ›¸å¼ã«åˆã‚ã›ã¦æ•´ãˆã‚Œã°ã‚ˆã„ã®ã ã‘ã‚Œã©ã€ Excite ãƒ–ãƒã‚°ã®ãã‚Œã¯ã€ã¡ã‚‡ã£ã¨é…·ã„å†…å®¹ã€‚ã‚ã¾ã‚Šé•·ãçœºã‚ã¦ã„ã‚‹ã¨ã€æ°—çµ¶ã—ãã†ã€‚ ä¸€è¦‹ã€ãŸãã•ã‚“ã®ã‚¹ã‚¿ã‚¤ãƒ«ã®æŒ‡å®šãŒã—ã¦ã‚ã‚‹ã®ã§ã€ãƒ‡ãƒ¼ã‚¿ã‚‚ãã‚Œãªã‚Šã«æ‹¬ã‚‰ã‚Œã¦ã„ã‚‹ã®ã‹ã¨æ€ã‚ã‚Œã©ã€è¦ç´ ã¨ã—ã¦ã¯æ„è˜ã•ã‚Œã¦ãŠã‚‰ãšã€ HTML ãƒ‡ã‚¶ã‚¤ãƒ³ã®å»¶é•·ã¨ã—ã¦ï¼ˆã ã‘ã«ï¼‰ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ä½œã£ã¦ã„ã‚‹ã‚ˆã†ã«æ€ã‚ã‚Œã‚‹ã€‚ã§ã‚‚ã€ã»ã‹ã«æ‰‹ãŒã‹ã‚Šã‚‚ãªã„ã®ã§ãã‚Œã‚’é ¼ã‚Šã«ã™ã‚‹ã—ã‹ãªã„ã€‚ DIV ã‚¿ã‚°ã¨ã€ãã®è¦ç´ class ã®å€¤ã€‚ã§ã‚‚ãã‚Œã‚‰ã‚’å–ã‚Šå‡ºã›ã°ã€è¨˜äº‹ã®æ§‹æˆè¦ç´ ã‚’æŠ½å‡ºã—
mxg 2007/01/28
parser

perl

html
ãƒªãƒ³ã‚¯
JsonML (JSON Markup Language)
JsonML.org JSON Markup Language (JsonML) JsonML (JSON Markup Language) is an application of the JSON (JavaScript Object Notation) format. The purpose of JsonML is to provide a compact format for transporting XML-based markup as JSON which allows it to be losslessly converted back to its original form. Native XML/XHTML doesn't sit well embedded in JavaScript. When XHTML is stored in script it must
mxg 2007/01/01
javascript

json

html
ãƒªãƒ³ã‚¯
TinyMCE Javascript Content Editor by Moxiecode Systems AB
Webinar: Deep dive discussion of our newest feature: Image Optimizer. Register Now!
mxg 2006/11/28
javascript

editor

html
ãƒªãƒ³ã‚¯
Smashing Magazine Â» Blog Archive Â» Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Rubyâ€¦
AJAX calls do not cover updates from the server, which are needed for the modern real-time and collaborative web. PubSub (as in â€œpublish and subscribeâ€) is an established messaging pattern that achieves this. In this article, Alexander GÃ¶dde will look at precisely how PubSub solves the updating probl em, and heâ€™ll look at one particular solution (theÂ WAMP protocol) that integrates both the calling
mxg 2006/11/07
ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹

perl

mysql

php

ruby

javascript

java

html

css

ajax
ãƒªãƒ³ã‚¯
HTML::TreeBuilder + CSSã‚»ãƒ¬ã‚¯ã‚¿ãŒã„ã„æ„Ÿã˜ãªä»¶
å…ˆæ—¥ Perlã§CSSã‚»ãƒ¬ã‚¯ã‚¿ ã§ HTML::Selector::XPath ãŒã„ã„æ„Ÿã˜ã§ã‚ã‚‹ã¨æ€ã£ãŸã‚ã‘ã§ã™ãŒã€CSS ã‚»ãƒ¬ã‚¯ã‚¿ã ã‘ã˜ã‚ƒãªãä½•æ°—ã« HTML::TreeBuilder::XPath ã¨ã®ã‚³ãƒ³ãƒœãŒã™ã’ãƒ¼ã‚¤ã‚¤!ã¨ã„ã†ã“ã¨ã«ã„ã¾ã•ã‚‰æ°—ã¥ãã¾ã—ãŸã€‚ HTML::TreeBuilder::XPath ã§ findnodes ã™ã‚‹ã¨ãƒ„ãƒªãƒ¼çŠ¶ã«é€£ãªã£ãŸ HTML::Element ãªãƒ‡ãƒ¼ã‚¿æ§‹é€ ãŒè¿”ã£ã¦ãã‚‹ã‚“ã§ã™ãŒã€HTML::Element ã¯ API ã‚’ã‹ãªã‚Šã„ã‚ã„ã‚æŒã£ã¦ã¦ã€ã“ã‚Œã‚’ã†ã¾ãä½¿ã£ã¦ã‚„ã‚‹ã¨ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã‚’è‡ªç„¶ãªæ„Ÿã˜ã§æ›¸ã‘ã¾ã™ã€‚ ä¾‹ãˆã°ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã®ä»»æ„ã®ãƒšãƒ¼ã‚¸ã‹ã‚‰ã€æœ¬æ–‡éƒ¨åˆ†ã ã‘ã‚’ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã—ãŸã„ã¨æ€ã£ãŸã¨ãã«ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ãƒªãƒ³ã‚¯ãŒé‚ªé”ã ã£ãŸã‚Šã™ã‚‹ã‚ã‘ã§ã™ãŒã€ã¨ã‚Šã‚ãˆãš HTML::Selector::XPath ã§ div.section ã‚’ã¶ã£ã“æŠœã„ã¦å–ã‚ŒãŸ HT
mxg 2006/10/14
parser

perl

html
ãƒªãƒ³ã‚¯
1