文書型宣言ã®èªã¿æ–¹ | 鳩丸よもやã¾è©±
HTMLã®éª¨çµ„ã¿ã¨æ–‡æ›¸åž‹å®£è¨€ã¾ãšã€HTMLã®éª¨çµ„ã¿ã«ã¤ã„ã¦ãŠã•ã‚‰ã„ã—ã¦ã¿ã¾ã—ょã†ã€‚HTML 4.01 ã§æ›¸ã‹ã‚ŒãŸã‚·ãƒ³ãƒ—ル㪠HTML文書ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/REC-html40/strict.dtd"> <HTML> <HEAD> <TITLE>ã“ã“ã«ã‚¿ã‚¤ãƒˆãƒ«ã‚’書ãã¾ã™ã€‚</TITLE> </HEAD> <BODY> <P>ã“ã“ã«æœ¬æ–‡ã‚’書ãã¾ã™ã€‚</P> </BODY> </HTML>
HTML5ã®Local Storageを使ã£ã¦ã¯ã„ã‘ãªã„（翻訳）｜TechRacho by BPSæ ªå¼ä¼šç¤¾
æ¦‚è¦ åŽŸè‘—è€…ã®è¨±è«¾ã‚’å¾—ã¦ç¿»è¨³ãƒ»å…¬é–‹ã„ãŸã—ã¾ã™ã€‚ 英語記事: Randall Degges - Please Stop Using Local Storage 原文公開日: 2018/01/26 著者: Randall Degges 日本語タイトルã¯å†…容ã«å³ã—ãŸã‚‚ã®ã«ã—ã¾ã—ãŸã€‚ ç”»åƒã¯å…ƒè¨˜äº‹ã‹ã‚‰ã®å¼•ç”¨ã§ã™ã€‚ åˆç‰ˆå…¬é–‹: 2019/10/19 追記更新: 2024/04/05 -- ãƒªãƒ³ã‚¯æƒ…å ±ã‚’è¨˜äº‹æœ«å°¾ã«ç§»å‹•ã—ã¾ã—㟠本気ã§ç”³ã—上ã’ã¾ã™ã€‚local storageを使ã‚ãªã„ã§ãã ã•ã„。 local storageã«ã‚»ãƒƒã‚·ãƒ§ãƒ³æƒ…å ±ã‚’ä¿å˜ã™ã‚‹é–‹ç™ºè€…ãŒã“ã‚Œã»ã©å¤šã„ç†ç”±ã«ã¤ã„ã¦ã€ç§ã«ã¯ã•ã£ã±ã‚Šè¦‹å½“ãŒã¤ãã¾ã›ã‚“。ã—ã‹ã—ã©ã‚“ãªç†ç”±ã§ã‚ã‚Œã€ãã®æ‰‹æ³•ã¯åœ°ä¸Šã‹ã‚‰æ¶ˆãˆã¦ãªããªã£ã¦ã‚‚らã†å¿…è¦ãŒã‚ã‚Šã¾ã™ãŒã€æ˜Žã‚‰ã‹ã«æ‰‹ã«è² ãˆãªããªã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã€‚ ç§ã¯æ¯Žæ—¥ã®ã‚ˆã†ã«ã€é‡è¦ãªãƒ¦ãƒ¼ã‚¶ãƒ¼æƒ…å ±ã‚’local storageã«ä¿å˜ã™
W3Cã§ç¾åœ¨å…¬é–‹ã•ã‚Œã¦ã„ã‚‹HTMLã¨DOM仕様ã¯å°†æ¥å»ƒæ¢ã•ã‚Œã¾ã™ - 水底ã®è¡€
ã¾ãˆãŒã W3C（ã¨WHATWG）ã‹ã‚‰ã®å…¬å¼ãªã‚¢ãƒŠã‚¦ãƒ³ã‚¹ã¯ã¾ã 確èªã—ã¦ã„ã¾ã›ã‚“ãŒã€ä½•åº¦ç›®ã‹ã«çµæˆã•ã‚Œã‚‹W3C HTML Workingã®Draft Charterã¨ã€ã“ã®Charterã‹ã‚‰è¾¿ã‚Œã‚‹DRAFT Memorandum of Understanding Between W3C and WHATWG（Memorandumã¯æ—¥æœ¬èªžã§è¦šæ›¸ãªã©ã¨è¨³ã•ã‚Œã‚‹ã®ã§ã€ã“ã“ã§ã‚‚覚書ã¨å‘¼ã³ã¾ã™ï¼‰ãŒãƒ–ãƒã‚°ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®ã‚¿ã‚¤ãƒˆãƒ«ã®ã‚½ãƒ¼ã‚¹ã«ãªã‚Šã¾ã™ã€‚ã‚‚ã£ã¨ã‚‚ã€ä»Šç¢ºèªã§ãる覚書もドラフトã§ã™ã‹ã‚‰ã€å¤‰æ›´ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ã—ã‹ã—ãªãŒã‚‰URLã§è¦³æ¸¬ã§ãã‚‹ã‚ã‘ã§ã™ã‹ã‚‰ã€å¤§ç‹ã§W3Cã¨WHATWGã¨ã®é–“ã§åˆæ„ãŒå–ã‚Œã¦ã„ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æŽ¨æ¸¬ã—ã¾ã™ã€‚ã‚ã¨ã¯ã€è¦šæ›¸ã ã‘ã§ãªãCharterもドラフトã¨ã„ã†ã“ã¨ã«ãªã£ã¦ã„ã¾ã™ãŒã€ä»¥ä¸‹ã®æ–‡ç« ã§ã¯é¢å€’ãªã®ã§çœç•¥ã—ã¾ã™ã€‚最後ã«ãŠç´„æŸã§ã™ãŒã€ã“ã®ãƒ–ãƒã‚°ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯ã€Œã ã„ãŸã„ã‚ã£ã¦ã‚‹ã€æ„Ÿ
個人ウェブサイトã¸
Twitterã‚„Instagramã€Pinboardã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’消ã—ãŸã®ã§ã€ãれらã§ã‚„ã£ã¦ã„ãŸã“ã¨ã‚’自å‰ã§ã‚„ã‚Šã¯ã˜ã‚ã¦ã„る。ãã‚Œãžã‚Œã®éŽåŽ»ã®æŠ•ç¨¿ã‚’インãƒãƒ¼ãƒˆã—ã€RSSã‚‚ãã‚Œãžã‚Œä½œã£ãŸã€‚ã‚ã¨ã¯/feedを全部入りã«ã™ã‚‹ã¤ã‚‚ã‚Šã ãŒã€ã¡ã‚‡ã†ã©1å¹´ãらã„å‰ã«è³¼èªå…ˆã‚’変ãˆã•ã›ãŸã®ã§ã€ã¡ã‚‡ã£ã¨ã‚„ã‚Šã¥ã‚‰ã„。ã§ã‚‚ã‚‚ã†å°‘ã—ã—ãŸã‚‰å¤‰ãˆã‚‹ã€‚ã“ã†ã—ã¦å€‹äººã‚¦ã‚§ãƒ–サイトã¸ã¨å›žå¸°ã—ãŸã€‚ ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã§ã¯ãªã„個人ウェブサイトãŒã€ã©ã†ã„ã†ã‚‚ã®ã ã£ãŸã‹ã€ã¯ã£ãã‚Šã¨æ€ã„出ã›ãªã„。カウンターã¨ã‹ãƒªãƒ³ã‚¯é›†ãŒã‚ã£ãŸã¨ã‹ã€ãƒ•ãƒ¬ãƒ¼ãƒ ã§ä½œã‚‰ã‚Œã¦ã„ãŸã¨ã‹ã€ã‚¦ã‚§ãƒ–リングã¨ã‹ã€äº›æœ«ãªã“ã¨ã¯æ€ã„出ã›ã‚‹ã€‚ã—ã‹ã—ã€ã©ã†ã„ã†é›°å›²æ°—ã ã£ãŸã®ã‹ã¾ã£ãŸãæ€ã„出ã›ãªã„。 外ã«æ”¾ã¤ã¨ã„ã†ã‚ˆã‚Šã€å†…ã«å‘ã‹ã†ã‚‚ã®ã ã£ãŸã‚ˆã†ãªæ°—ã¯ã™ã‚‹ã€‚ãã†ã„ã†æ„Ÿã˜ãŒå‡ºã—ã¦ã„ã‘ã‚‹ã¨ã†ã‚Œã—ã„。 コンテンツãŒå¤§ããè¿½åŠ ã•ã‚ŒãŸé–¢ä¿‚上ã€ãƒ›ãƒ¼ãƒ ・ページや完全ãªãƒã‚°ã®ãƒšãƒ¼ã‚¸ãªã©ã‚’ã„ã˜ã£ã¦ã„る。ã¾
普通ã®HTMLã®æ›¸ãæ–¹
ä¿å®ˆã—ã‚„ã™ãã€è¦æ¨¡ã«ä¾å˜ã—ãªã„HTML文書ã®ãŸã‚㫠一般 DOCTYPEã§å§‹ã‚ã‚‹ ç½®ãæ›ãˆã‚‰ã‚Œã‚‹ã¹ãã¾ãŸã¯æ—§å¼ã®DOCTYPEを使ã‚ãªã„ XML宣言を使用ã—ãªã„ æ–‡å—å‚ç…§ã¯ã§ãã‚‹é™ã‚Šä½¿ã‚ãªã„ &ã¨<ã€>ã€"ã€'ã¯åå‰æ–‡å—å‚照を使ã£ã¦ã‚¨ã‚¹ã‚±ãƒ¼ãƒ—ã™ã‚‹ 制御文å—ã‚„ä¸å¯è¦–æ–‡å—ã¯æ•°å€¤æ–‡å—å‚照を使ㆠコメントã§ã¯ãã®å†…容ã®å‰å¾Œã¸ç©ºç™½æ–‡å—ã‚’ç½®ã 終了タグをçœç•¥ã—ãªã„ 空è¦ç´ ã®æ›¸ã方を混ãœãªã„ タグや属性値ã®å‰å¾Œã¸ç©ºç™½æ–‡å—ã‚’ç½®ã‹ãªã„ 大文å—・å°æ–‡å—ã‚’æ··ãœãªã„ 引用符を混ãœãªã„ 属性を2æ–‡å—以上ã®ç©ºç™½æ–‡å—ã§åŒºåˆ‡ã‚‰ãªã„ 真å½å€¤ã‚’å–る属性ã®å€¤ã¯çœç•¥ã™ã‚‹ åå‰ç©ºé–“ã¯çœç•¥ã™ã‚‹ XML属性ã¯ä½¿ã‚ãªã„ data-*ã¨Microdataã€RDFa Lite用ã®å±žæ€§ã¨é€šå¸¸ã®å±žæ€§ã‚’æ··ãœãªã„ デフォルトã®æš—é»™ã®ARIAセマンティックスを尊é‡ã™ã‚‹ 文書è¦ç´ langå±žæ€§ã‚’è¿½åŠ ã™ã‚‹ lang属性ã®å€¤ã¯ã§ãã‚‹é™ã‚ŠçŸãã™ã‚‹ ã§ãã‚‹é™ã‚Š
GitHub - yorickpeterse/oga: Oga is an XML/HTML parser written in Ruby.
NOTE: my spare time is limited which means I am unable to dedicate a lot of time on Oga. If you're interested in contributing to FOSS, please take a look at the open issues and submit a pull request to address them where possible. Oga is an XML/HTML parser written in Ruby. It provides an easy to use API for parsing, modifying and querying documents (using XPath expressions). Oga does not require s
HTML6 ã§ã‚‚ CSS4 ã§ã‚‚ãªã„ Web 技術ã®ã‚†ã㈠- WCAN 2015 Winter ã«ç™»å£‡ã—ã¦ãã¾ã—ãŸ
@kazumich ã•ã‚“ã«ãŠå£°ãŒã‘ã„ãŸã ãã€WCAN 2015 Winter ã§ãŠã‚ˆã 60 分ã»ã©ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚’登壇ã—ã¦ãã¾ã—ãŸã€‚32:9 ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãŒã‚ã‚‹ã¨ã„ã†ã€TED ã§ã‚‚ã‚„ã‚‹ã‚“ã‹ã‚ªã‚¤ã¨ã„ã†ç‰¹æ®Šãªç’°å¢ƒã§ã—ãŸã€‚普段ã¯ãƒ—ãƒã‚¸ã‚§ã‚¯ã‚¿ãƒ¼çš„ãªæŠ•å½±ãªã®ã§ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã®å‰ã«ç«‹ã¤ã®ãŒå¾®å¦™ãªã‚“ã§ã™ãŒã€ã“ã“ã¯ãƒ‡ã‚£ã‚¹ãƒ—レイãŒå£é¢ã«å¤§é‡ã«ä¸¦ã‚“ã§ã„ã¦è‡ªã‚‰ç™ºå…‰ã™ã‚‹ã®ã§ã€éƒ¨å±‹ã‚’æš—ãã—ãªãã¦ã‚‚テレビã®ã‚ˆã†ã«å分ã«è¦‹ãˆã¾ã™ã—å‰ã«ç«‹ã£ã¦ã‚‚平気ã§ã™ã€‚ 一緒ã«ç™»å£‡ã—ãŸã®ãŒ @yhassy ã•ã‚“㨠@Hidehisa ã•ã‚“ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã€è¿‘å¹´ã¾ã‚Œã«è¦‹ã‚‹èƒƒç—›ã‚’ä¼´ã†ç·Šå¼µã‚’味ã‚ã„ãªãŒã‚‰ãŠè©±ã•ã›ã¦ã„ã ãã¾ã—ãŸã€‚（リアルã«ã‚»ãƒƒã‚·ãƒ§ãƒ³çµ‚了後ã€1時間ãらã„胃痛ãŒã‚ºã‚ズã‚ã—ã¦ã¾ã—ãŸï¼‰ 技術的ãªãŠè©±ã§ã—㟠å‚åŠ ã•ã‚ŒãŸã¿ãªã•ã¾ã€ãƒ¡ã‚¤ãƒ³ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚„ LT ã«ç™»å£‡ã•ã‚ŒãŸå„ä½ã€ãªã‚‰ã³ã«é‹å–¶ã•ã‚ŒãŸã‚¹ã‚¿ãƒƒãƒ•ã®æ–¹ã€…ã€ã²ã¨ã¾ãšãŠç–²ã‚Œã•ã¾ã§ã”ã–ã„ã¾ã—ãŸã€‚è²´
HTML ã® linkã‚¿ã‚°ã« prefetch 機能ãŒè¿½åŠ ã•ã‚Œã€ã‚ˆã‚Šä¾¿åˆ©ã«ãªã‚‹ã‚ˆã†ã§ã™ - latest log
linkã‚¿ã‚°ã« pre fetch æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ä»•æ§˜ (Editor's Draft)ãŒä¸ŠãŒã£ã¦ãã¦ã„ã¾ã™ã€‚ Chrome - indevelopment IE - サãƒãƒ¼ãƒˆã™ã‚‹ã‹ã‚‚ Firefox - ä¸æ˜Ž Safari - ä¸æ˜Ž <link rel="preload" href=“…" as=“…" onload=“…†onerror=“…â€> 従æ¥ã¯ã€new Image ã‚„ XHR 㨠DOM API を使ã£ã¦ãƒªã‚½ãƒ¼ã‚¹æ¯Žã«åˆ¥ã€…ã®JavaScriptを記述ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã—ãŸãŒã€ãŠæ‰‹è»½ã«ãªã‚Šã¾ã™ã。 ã“ã‚Œã¾ã§ var img = new Image(); img.onload = function() { document.body.appendChild(img); }; img.onerror = ... img.src = url; var script = document
ブラウザã§ãƒ“ジュアルテストをã™ã‚‹reftest-runnerを作ã£ãŸ
æ¦‚è¦ reftest-runnerã¨ã„ã†ãƒ–ラウザã§æ画内容やレイアウトã¨ã„ã£ãŸè¡¨ç¤ºçµæžœã‚’テストã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリを作りã¾ã—ãŸã€‚ è¦ç´ 技術ã¨ã—ã¦ã¯ãƒ–ラウザã€WebDriver APIã€ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚ャプãƒãƒ£ã€ç”»åƒDiffã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ azu/reftest-runner 時間ãŒç„¡ã„人å‘㑠以下ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã«ç°¡å˜ã«reftest-runnerã‚„reftestã¨ã¯ãªã«ã‹ã€ã©ã†ã„ã†ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ãŒã‚ã‚‹ã®ã‹ãŒæ›¸ã„ã¦ã‚ã‚Šã¾ã™ã€‚ reftest-runner-overview.pdf reftestã¨ã¯ reftest(Referrence Test)ã¨ã¯ã€2ã¤ã®HTMLã®è¡¨ç¤ºçµæžœ(スクリーンショット)を比較ã™ã‚‹ã“ã¨ã§è¡¨ç¤ºçµæžœãŒæ„図ã—ãŸã‚‚ã®ã‹ã‚’テストã™ã‚‹æ–¹æ³•ã§ã™ã€‚ 用æ„ã™ã‚‹HTMLã¨ã—ã¦ä»¥ä¸‹ã®2種類を1セットã¨ã—ã¦ç”¨æ„ã—ã¦åˆ©ç”¨ã—ã¾ã™ã€‚ テスト用HTML テストã—ãŸã„機能を使ã£ã¦å®Ÿè£…ã—ãŸHTML リファ
ブラウザ上ã§Markdownを安全ã«å±•é–‹ã™ã‚‹ - 葉ã£ã±æ—¥è¨˜
ä¸ç‰¹å®šã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒå…¥åŠ›ã—ãŸMarkdownをブラウザ上ã§JavaScriptを使ã£ã¦HTMLã«å¤‰æ›ã™ã‚‹ã¨ã„ã†å ´é¢ã«ãŠã„ã¦ã¯ã€JavaScriptã§å¤‰æ›ã—ã¦HTMLを生æˆã™ã‚‹ã¨ã„ã†å‡¦ç†ã®éƒ½åˆä¸Šã©ã†ã—ã¦ã‚‚DOM-based XSSã®ç™ºç”Ÿã‚’考ãˆãªã„ã‚ã‘ã«ã¯ã„ã‹ãªã„。ã‹ã¨ã„ã£ã¦ã€Markdownをパースã—HTMLを生æˆã™ã‚‹ã¨ã„ã†å‡¦ç†ã™ã¹ã¦ã‚’XSSãŒå˜åœ¨ã—ãªã„よã†ã«æ³¨æ„ã—ãªãŒã‚‰è‡ªåˆ†ã§æ›¸ãã®ã‚‚大変ã ã—ã€markedã‚„markdown-jsãªã©ã®æ—¢å˜ã®å¤‰æ›ç”¨ã®JSã‚’æŒã£ã¦ãã¦ã‚‚ãれらãŒXSSã—ãªã„ã‹ã‚’確èªã™ã‚‹ã®ã¯çµæ§‹å¤§å¤‰ã ã£ãŸã‚Šã™ã‚‹ã€‚ ãã†ã„ã£ãŸå ´åˆã«ã¯ã€Markdownã‹ã‚‰ç”Ÿæˆã•ã‚ŒãŸHTMLã‚’RickDOMを通ã™ã“ã¨ã§ã€ä¸‡ãŒä¸€HTML内ã«JavaScriptãŒå«ã¾ã‚Œã¦ã„ãŸã¨ã—ã¦ã‚‚ãれらを除外ã—ã€è¨±å¯ã•ã‚ŒãŸè¦ç´ ã€è¨±å¯ã•ã‚ŒãŸå±žæ€§ã ã‘ã§æ§‹ç¯‰ã•ã‚ŒãŸå®‰å…¨ãªHTMLã«å†æ§‹ç¯‰ã™ã‚‹ã“ã¨ãŒã§ãる。ã•ã‚‰ã«ã€ãã†ã‚„ã£ã¦ç”Ÿæˆ
ãªãœ html ã® form 㯠PUT / DELETE をサãƒãƒ¼ãƒˆã—ãªã„ã®ã‹ï¼Ÿ - Block Rockin’ Codes
æ³¨æ„ å†…å®¹ã«ã¤ã„ã¦ã¯ä¸€åˆ‡ä¿è¨¼ã—ã¾ã›ã‚“。 ã“ã“ã§ã¯ã€ä¸»ã« W3C ML ã§ã®è°è«–ã‚„å„種仕様ãªã©ã«åŸºã¥ã„ã¦æ›¸ã„ã¦ã„ã¾ã™ã€‚ ã“ã“ã«æ›¸ã‹ã‚Œã¦ã„ã‚‹ã“ã¨ãŒæ£ã—ã„ã‹ã©ã†ã‹ã¯ã€è‡ªèº«ã§åˆ¤æ–ã—ã¦ä¸‹ã•ã„。 事実ã¨ã—ã¦ãŠã‹ã—ã„ã¨ã“ã‚ãªã©ã¯ã€ã‚³ãƒ¡ãƒ³ãƒˆã§ã©ã‚“ã©ã‚“指摘ã—ã¦ä¸‹ã•ã„。é æ…®ã¯ã„ã‚Šã¾ã›ã‚“。 ãŸã ã—ã€ã“ã®ã‚¨ãƒ³ãƒˆãƒªã§ã¯ã€Œform ㌠PUT/DELETE をサãƒãƒ¼ãƒˆã™ã‚‹ã¹ãã‹ã©ã†ã‹ï¼Ÿã€ã®è°è«–ã¯ã—ã¾ã›ã‚“。 「REST ã®æ˜¯éžã€ã‚„「PUT/DELETE ã®æ„義ã€ã«ã¤ã„ã¦ã‚‚è°è«–ã™ã‚‹æ°—ã¯ã‚ã‚Šã¾ã›ã‚“。 ã“ã“ã§ã‚„ã£ã¦ã„ã‚‹ã®ã¯ã€ã‚ãã¾ã§ã‚‚ã©ã†ã„ã£ãŸè°è«–ã®æœ«ç¾çŠ¶ãŒã‚ã‚‹ã®ã‹ã®èª¿æŸ»ã§ã™ã€‚ ãã†ã—ãŸæ„見ãŒã‚ã‚‹å ´åˆã¯ã€ W3C ãªã©ã«æŠ•ç¨¿ã™ã‚‹ã®ãŒæœ€ã‚‚有益ã ã¨æ€ã„ã¾ã™ã€‚ History 2014/03/29: 公開 2014/03/29: XForm 㨠XHTML ã®é–¢ä¿‚を明確化(thanx koichik) 2014/03/29: HT
大昔ã«è‡ªåˆ†ã®ã€Œãƒ›ãƒ¼ãƒ ページã€ã‚’作ã£ã¦ã„ãŸäººã‚ã‚‹ã‚ã‚‹50
ãã®æ˜”ã€è‡ªåˆ†ã®ã€Œãƒ›ãƒ¼ãƒ ページã€ã‚’作るã“ã¨ã¯ã€ä¸€ç¨®ã®ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ã§ã‚ã£ãŸã€‚ブãƒã‚°ãªã‚“ã¦æ¦‚念ã¯å˜åœ¨ã—ãªã„時代ã§ã‚ã‚Šã€Googleã™ã‚‰ä¸–ã«æµ¸é€ã—ã¦ã„ãªã‹ã£ãŸã€ä»Šã‹ã‚‰ç´„15年以上もå‰ã®è©±ã§ã‚る。ãã‚“ãªä¸–紀末ã«â€¦â€¦è‡ªã‚‰ãƒ›ãƒ¼ãƒ ページを作ã£ãŸã“ã¨ã®ã‚る人ã¯ã€IT時代ã®æœ€å…ˆç«¯ã«é£›ã³è¾¼ã‚“ã 勇者ã¨ã„ã£ã¦ã‚‚éŽè¨€ã§ã¯ãªã„。ã„ã‚„ã€éŽè¨€ã‹ã‚‚。 ã¨ã„ã†ã“ã¨ã§ä»Šå›žã”紹介ã—ãŸã„ã®ãŒã€ã€Œå¤§æ˜”ã«è‡ªåˆ†ã®ãƒ›ãƒ¼ãƒ ページを作ã£ã¦ã„ãŸäººã‚ã‚‹ã‚ã‚‹50ã€ã§ã‚る。忘れã‹ã‘ã¦ã„ãŸé»’æ´å²ã¨ã€æ¯Žæ™©23時ã™ãŽã«èžã„ãŸã§ã‚ã‚ã†ãƒ¢ãƒ‡ãƒ 音をæ€ã„出ã—ãªãŒã‚‰èªã‚“ã§ã»ã—ã„。 ã€å¤§æ˜”ã«è‡ªåˆ†ã®ã€Œãƒ›ãƒ¼ãƒ ページã€ã‚’作ã£ã¦ã„ãŸäººã‚ã‚‹ã‚ã‚‹50】 ãã®01：工事ä¸ã€‚ ãã®02：ã¨ã‚Šã‚ãˆãšã‚¸ã‚ªã‚·ãƒ†ã‚£ãƒ¼ã‚ºã€‚ ãã®03：ãã†ã„ãˆã°ã€ŒCOOL ONLINEã€ã£ã¦ã®ã‚‚ã‚ã£ãŸã€‚ ãã®04：ホームページã®ã‚¿ã‚¤ãƒˆãƒ«ã§ä¸€æ™©æ‚©ã‚€ã€‚ ãã®05：Windowsãªã‚‰ã€Žãƒ›ãƒ¼ãƒ ページ・ビルダーã€ã€‚ ãã®06
ãªãœ html ã® form 㯠PUT / DELETE をサãƒãƒ¼ãƒˆã—ãªã„ã®ã‹ï¼Ÿ
ãªã‚“㧠html ã® from 㯠PUT / DELETE ãŒã§ããªã„ã®ã‹ã€ã€Œã‚»ã‚ュリティ的ç†ç”±ã€ã¨ã‹ã€Œæ´å²çš„経緯ã€ã¨ã‹ã€ã‚ã‹ã£ãŸã‚ˆã†ãªåˆ†ã‹ã‚‰ãªã„よã†ãªèª¬æ˜Žã¯ã‚ˆãèžãã‘ã©ã€å®Ÿéš›ãªã‚“ã§ãªã®ã‹èª¿ã¹ã¦ãŸã‚‰è‰²ã€…æ•™ãˆã¦ã‚‚らã£ãŸè©±ã€‚ ã“ã“ã¾ã§ã‚ã‹ã£ãŸã“ã¨ã‚’ blog ã«ã¾ã¨ã‚ã¾ã—ãŸã€‚ / “ãªãœ html ã® form 㯠PUT / DELETE をサãƒãƒ¼ãƒˆã—ãªã„ã®ã‹ï¼Ÿ - Block Rockin’ Codes†http://jxck.hatenablog.com/entry/why-form-dosent-support-put-delete
Why does HTML think “chucknorris†is a color?
Why do certain random strings produce colors when entered as background colors in HTML? For example, bgcolor="chucknorris" produces a red background: <body bgcolor="chucknorris"> test </body> Conversely, bgcolor="chucknorr" produces a yellow background: <body bgcolor="chucknorr"> test </body> This holds true across various browsers and platforms. What’s going on here?
BEMã¨ã„ã†å‘½åè¦å‰‡ã¨Sass 3.3ã®æ–°ã—ã„記法 - アインシュタインã®é›»è©±ç•ªå·
BEMを使ã£ãŸå‘½åãŒã¨ã¦ã‚‚明快ã§ã€ã“ã®ã¨ã“ã‚HTMLã‚„CSSを書ãã®ã«ã‚ˆã使ã£ã¦ã„る。CSSã®ã‚¯ãƒ©ã‚¹åã¨ã—ã¦æ›¸ãå ´åˆã¯ã€BEMã‚’CSS用ã«ä½¿ã„ã‚„ã™ãã—ãŸMindBEMdingã¨ã„ã†æ›¸ã方を採用ã—ã¦ã„る。最åˆã«ã“れを知ã£ãŸã¨ãã¯ã€Œã“ã‚“ãªæ±šã„記述ã®ä»•æ–¹ã¯ä½¿ã„ãŸããªã„ã€ã¨æ€ã£ã¦ãŸã‚“ã ã‘ã©ã€ã™ã£ã‹ã‚Šæ…£ã‚Œã¦ã€ä»Šã§ã¯ãã®æ˜Žå¿«ã•ã«ã¡ã‚‡ã£ã¨å¿ƒé…”ã—ã‹ã‘ã¦ã„ã‚‹ã»ã©ã€‚ BEMã®æ–¹æ³•è«–ã¨MindBEMdingã®ãƒ«ãƒ¼ãƒ«ã«ã¤ã„ã¦ã¯ãã‚Œãžã‚Œã®æ–‡æ›¸ã‚’èªã‚“ã§ã‚‚らã†ã¨ã—ã¦ã€ãれらをã²ã£ãã‚‹ã‚ã¦å¤§é›‘把ã«èª¬æ˜Žã™ã‚‹ã¨ã€BEMã¨ã¯Blockã€Elementã€Modifierã®é æ–‡å—ã‚’å–ã£ãŸã‚‚ã®ã§ã€æ§‹æˆã™ã‚‹è¦ç´ ã‚’ãã®ã©ã‚Œã‹ã«å½“ã¦ã¯ã‚ã¦å‘½åã—ã¦ã„ã方法。ã©ã®å ´åˆã§ã‚‚å¿…ãšBlockã‚‚ã—ãã¯ãã®ModifierãŒãƒ«ãƒ¼ãƒˆã«ã‚ã‚Šã€ãã®ä¸ã«ã€æ‰€å±žã™ã‚‹Elementã‚‚ã—ãã¯ãã®ModifierãŒå«ã¾ã‚Œã‚‹æ§‹æˆã«ãªã‚‹ã€‚ Block - 構æˆã®ãƒ«ãƒ¼ãƒˆã¨ãª
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - google/gumbo-parser: An HTML5 parsing library in pure C99
cow2design.com
GitHub - teppeis/htmlspecialchars: Escape special characters to HTML entities in JavaScript
I18n.tã§HTMLを出力ã™ã‚‹ã®ã«rawã‚„html_safeを使ã£ã¦ã¯ã„ã‘ãªã„ - Qiita
GitHub - topfunky/hpple: An XML/HTML parser for Objective-C, inspired by Hpricot.
{{#tags}}- {{label}}
{{/tags}}