https://b.hatena.ne.jp/Magicant/HTML/ HTMLに関するMagicantのはてなブックマーク (30) https://www.mitsue.co.jp/knowledge/blog/frontend/202404/03_1140.html SGML 由来のカオスな文法を引き継いでゐる HTML と厳格な XML の応用である XHTML とでは圧倒的に後者の方が扱ひやすいんだけど、その利便性が世間で顧みられることはなく、これだから馬鹿どもはといふ気持ちしかない Magicant 2024-04-04T13:44:21Z HTML 39 <blockquote cite="https://www.mitsue.co.jp/knowledge/blog/frontend/202404/03_1140.html" title="もうHTMLをXHTMLで書くことは推奨されないという話 | フロントエンドBlog | ミツエーリンクス"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.mitsue.co.jp%2Fknowledge%2Fblog%2Ffrontend%2F202404%2F03_1140.html" alt="" /> <a href="https://www.mitsue.co.jp/knowledge/blog/frontend/202404/03_1140.html">もうHTMLをXHTMLで書くことは推奨されないという話 | フロントエンドBlog | ミツエーリンクス</a></cite><p><a href="https://www.mitsue.co.jp/knowledge/blog/frontend/202404/03_1140.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5f9fff70c9348fffdb662f19e7b243d84ea81d25/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.mitsue.co.jp%2Fassets%2Fimg%2Fog%2Fimg-default.png" alt="もうHTMLをXHTMLで書くことは推奨されないという話 | フロントエンドBlog | ミツエーリンクス" title="もうHTMLをXHTMLで書くことは推奨されないという話 | フロントエンドBlog | ミツエーリンクス" class="entry-image" /></a></p><p>春です。入社式のニュースが流れてくる季節ですが、当社もこの4月に多くの新入社員を迎えることができました。 そんな若者について、そもそもXHTMLという単語は何だろうという反応をするかもしれない一方で、長らくHTMLと付き合ってきた人は、XHTMLについて複雑な想いを抱く方も多いだろうと思います。そんな往年のXHTML...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.mitsue.co.jp/knowledge/blog/frontend/202404/03_1140.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.mitsue.co.jp/knowledge/blog/frontend/202404/03_1140.html" alt="はてなブックマーク - もうHTMLをXHTMLで書くことは推奨されないという話 | フロントエンドBlog | ミツエーリンクス" title="はてなブックマーク - もうHTMLをXHTMLで書くことは推奨されないという話 | フロントエンドBlog | ミツエーリンクス" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.mitsue.co.jp/knowledge/blog/frontend/202404/03_1140.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://creators.bengo4.com/entry/2023/01/16/083000 Magicant 2023-01-23T07:13:57Z HTML 電子書籍 179 <blockquote cite="https://creators.bengo4.com/entry/2023/01/16/083000" title="「HTML解体新書」リフロー版電子書籍を作りました - 弁護士ドットコム株式会社 Creators’ blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcreators.bengo4.com%2Fentry%2F2023%2F01%2F16%2F083000" alt="" /> <a href="https://creators.bengo4.com/entry/2023/01/16/083000">「HTML解体新書」リフロー版電子書籍を作りました - 弁護士ドットコム株式会社 Creators’ blog</a></cite><p><a href="https://creators.bengo4.com/entry/2023/01/16/083000"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b565969ab1cc4b2c5389ee2e7d7e5daec9dcdb6d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F4f0d293ddf08e447fa7c76c3305199e8006d16e0%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252FM%252FMinazukiBakera%252F20220401%252F20220401145307.png" alt="「HTML解体新書」リフロー版電子書籍を作りました - 弁護士ドットコム株式会社 Creators’ blog" title="「HTML解体新書」リフロー版電子書籍を作りました - 弁護士ドットコム株式会社 Creators’ blog" class="entry-image" /></a></p><p>4月に発売された書籍「HTML解体新書」。その電子版は今までPDF版しかありませんでしたが、このたびリフロー版が発売となり、Amazonでも購入できるようになりました。 この記事では、HTML解体新書のリフロー版電子書籍を実際に作成した際の流れについて、なぜ作成したのか、どうやって作成したのか、どのようなトラブルが...</p><p><a href="https://b.hatena.ne.jp/entry/s/creators.bengo4.com/entry/2023/01/16/083000"><img src="https://b.hatena.ne.jp/entry/image/https://creators.bengo4.com/entry/2023/01/16/083000" alt="はてなブックマーク - 「HTML解体新書」リフロー版電子書籍を作りました - 弁護士ドットコム株式会社 Creators’ blog" title="はてなブックマーク - 「HTML解体新書」リフロー版電子書籍を作りました - 弁護士ドットコム株式会社 Creators’ blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/creators.bengo4.com/entry/2023/01/16/083000"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://azukiazusa.dev/blog/do-not-compromise-html-functionality-in-your-web-front-end-implementation/ せやな。てかそもそも JavaScript 使はなければ良くない? Magicant 2023-01-05T00:45:08Z アクセシビリティ WWW HTML JavaScript 311 <blockquote cite="https://azukiazusa.dev/blog/do-not-compromise-html-functionality-in-your-web-front-end-implementation/" title="Web フロントエンドの実装において本来の機能を損なってはいけない"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fazukiazusa.dev%2Fblog%2Fdo-not-compromise-html-functionality-in-your-web-front-end-implementation%2F" alt="" /> <a href="https://azukiazusa.dev/blog/do-not-compromise-html-functionality-in-your-web-front-end-implementation/">Web フロントエンドの実装において本来の機能を損なってはいけない</a></cite><p><a href="https://azukiazusa.dev/blog/do-not-compromise-html-functionality-in-your-web-front-end-implementation/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e84436003c31fda5f5795fed01cdad30e63dbb80/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogp.azukiazusa.dev%2Fblog%2Fogp%2Fdo-not-compromise-html-functionality-in-your-web-front-end-implementation.png" alt="Web フロントエンドの実装において本来の機能を損なってはいけない" title="Web フロントエンドの実装において本来の機能を損なってはいけない" class="entry-image" /></a></p><p>データの取得・ルーティング・フォームの値の管理に至るまで JavaScript で制御するようになった結果、本来備わっていた機能を損なう形で実装されるような間違いが起きるケースも発生してしまいました。見た目上操作に不都合がないのですが、修飾キーが有効でなかったりと、とある要素が当然に持っているべき機能が失わ...</p><p><a href="https://b.hatena.ne.jp/entry/s/azukiazusa.dev/blog/do-not-compromise-html-functionality-in-your-web-front-end-implementation/"><img src="https://b.hatena.ne.jp/entry/image/https://azukiazusa.dev/blog/do-not-compromise-html-functionality-in-your-web-front-end-implementation/" alt="はてなブックマーク - Web フロントエンドの実装において本来の機能を損なってはいけない" title="はてなブックマーク - Web フロントエンドの実装において本来の機能を損なってはいけない" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/azukiazusa.dev/blog/do-not-compromise-html-functionality-in-your-web-front-end-implementation/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://yuheiy.com/2022-11-03-how-to-understand-the-markup 20 年位前はこんな感じの《思想》を解説するサイトがゴロゴロあったけど、今では絶滅危惧種になってしまったよね Magicant 2022-11-03T23:38:02Z HTML 273 <blockquote cite="https://yuheiy.com/2022-11-03-how-to-understand-the-markup" title="マークアップのわかり方"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fyuheiy.com%2F2022-11-03-how-to-understand-the-markup" alt="" /> <a href="https://yuheiy.com/2022-11-03-how-to-understand-the-markup">マークアップのわかり方</a></cite><p><a href="https://yuheiy.com/2022-11-03-how-to-understand-the-markup"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e293a0b04f04527040bd686ca873445d5c98db7b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fyuheiy.com%2F_astro%2F001.DZlSHxq-.png" alt="マークアップのわかり方" title="マークアップのわかり方" class="entry-image" /></a></p><p>この記事は、2022年10月28日に開催されたDIST.37「マークアップな夜」での発表「マークアップのわかり方」をもとにしたものです。当日は話せなかった内容も大幅に追加しています。 現代における「マークアップ」とはどのような行為なのか。いかにそれと向き合っていけばいいのか。そういったことについて考えてみます。 ...</p><p><a href="https://b.hatena.ne.jp/entry/s/yuheiy.com/2022-11-03-how-to-understand-the-markup"><img src="https://b.hatena.ne.jp/entry/image/https://yuheiy.com/2022-11-03-how-to-understand-the-markup" alt="はてなブックマーク - マークアップのわかり方" title="はてなブックマーク - マークアップのわかり方" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/yuheiy.com/2022-11-03-how-to-understand-the-markup"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://developer.hatenastaff.com/entry/2021/12/01/100000 これ HTML の新しい要素として定義する必要あるん? JS の alert なり confirm なりを拡張するだけでいけるやろと思ふんやが Magicant 2021-12-01T04:55:22Z HTML 62 <blockquote cite="https://developer.hatenastaff.com/entry/2021/12/01/100000" title="HTMLのdialog要素とフォーム機能 - Hatena Developer Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdeveloper.hatenastaff.com%2Fentry%2F2021%2F12%2F01%2F100000" alt="" /> <a href="https://developer.hatenastaff.com/entry/2021/12/01/100000">HTMLのdialog要素とフォーム機能 - Hatena Developer Blog</a></cite><p><a href="https://developer.hatenastaff.com/entry/2021/12/01/100000"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8415e922dab046820d2a00b2c8949d183985d2e9/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704346814673975483%2F13574176438036701886%2F1640321325" alt="HTMLのdialog要素とフォーム機能 - Hatena Developer Blog" title="HTMLのdialog要素とフォーム機能 - Hatena Developer Blog" class="entry-image" /></a></p><p>こんにちは、id:nanto_viです。この記事ははてなエンジニアAdvent Calendarの1日目の分です。 Webアプリケーションでモーダルダイアログを実現しようとして苦戦したことはないでしょうか？ 自前でHTML、CSS、JavaScriptを組み合わせて実装していくと、フォーカスやスクロールの制御が大変ですよね。そんな悩みを解決して...</p><p><a href="https://b.hatena.ne.jp/entry/s/developer.hatenastaff.com/entry/2021/12/01/100000"><img src="https://b.hatena.ne.jp/entry/image/https://developer.hatenastaff.com/entry/2021/12/01/100000" alt="はてなブックマーク - HTMLのdialog要素とフォーム機能 - Hatena Developer Blog" title="はてなブックマーク - HTMLのdialog要素とフォーム機能 - Hatena Developer Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/developer.hatenastaff.com/entry/2021/12/01/100000"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.askonomm.com/blog/i-dont-want-to-do-frontend-anymore/ Magicant 2021-02-12T12:27:47Z HTML JavaScript CSS 5 <blockquote cite="https://www.askonomm.com/blog/i-dont-want-to-do-frontend-anymore/" title="I don&#39;t want to do front-end anymore"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.askonomm.com%2Fblog%2Fi-dont-want-to-do-frontend-anymore%2F" alt="" /> <a href="https://www.askonomm.com/blog/i-dont-want-to-do-frontend-anymore/">I don&#39;t want to do front-end anymore</a></cite><p><a href="https://www.askonomm.com/blog/i-dont-want-to-do-frontend-anymore/"><img src="" alt="I don&#39;t want to do front-end anymore" title="I don&#39;t want to do front-end anymore" class="entry-image" /></a></p><p>I started coding when I was 14, around 2007 or so. The very first thing I wrote was HTML, then CSS. I liked making stupid little web pages containing youtube embeds and guest books (anyone remembers those?) full of marquees, blinks and gifs. Lots of gifs. The pages were very simple, but joyful to...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.askonomm.com/blog/i-dont-want-to-do-frontend-anymore/"><img src="https://b.hatena.ne.jp/entry/image/https://www.askonomm.com/blog/i-dont-want-to-do-frontend-anymore/" alt="はてなブックマーク - I don&#39;t want to do front-end anymore" title="はてなブックマーク - I don&#39;t want to do front-end anymore" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.askonomm.com/blog/i-dont-want-to-do-frontend-anymore/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://youkoseki.com/f/2021_html Magicant 2021-01-01T00:43:39Z HTML インターネット 421 <blockquote cite="https://youkoseki.com/f/2021_html" title="新年だから人類はHTMLを手打ちしろ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fyoukoseki.com%2Ff%2F2021_html" alt="" /> <a href="https://youkoseki.com/f/2021_html">新年だから人類はHTMLを手打ちしろ</a></cite><p><a href="https://youkoseki.com/f/2021_html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e010842402a401ea4cd1f74bdec3cf21756c56ad/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fyoukoseki.com%2Fgray.jpg" alt="新年だから人類はHTMLを手打ちしろ" title="新年だから人類はHTMLを手打ちしろ" class="entry-image" /></a></p><p>youkoseki.com 新年だから人類はHTMLを手打ちしろ 新しい年だ。人並に新しいことを始めようなどと考える人もいるだろう。しかし、なにを始めればいいのか？　僭越ながら一つ提案をさせてもらえるなら、私はこう言いたい。HTMLを手打ちしろ。ハイパーテキストマークアップランゲージを学べ。なぜなら、個人がコツコツとタ...</p><p><a href="https://b.hatena.ne.jp/entry/s/youkoseki.com/f/2021_html"><img src="https://b.hatena.ne.jp/entry/image/https://youkoseki.com/f/2021_html" alt="はてなブックマーク - 新年だから人類はHTMLを手打ちしろ" title="はてなブックマーク - 新年だから人類はHTMLを手打ちしろ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/youkoseki.com/f/2021_html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/koduki/articles/c07db4179bb7b86086a1 サーバーサイドすら Rust で書く人をらんのに Rust でフロントエンド書きたがる人とかゐるの? Magicant 2020-11-03T02:15:25Z プログラミング JavaScript HTML 428 <blockquote cite="https://zenn.dev/koduki/articles/c07db4179bb7b86086a1" title="WASMとRustはVue.js/React.jsを打倒するのか？ - JSへの侵略の歴史"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fkoduki%2Farticles%2Fc07db4179bb7b86086a1" alt="" /> <a href="https://zenn.dev/koduki/articles/c07db4179bb7b86086a1">WASMとRustはVue.js/React.jsを打倒するのか？ - JSへの侵略の歴史</a></cite><p><a href="https://zenn.dev/koduki/articles/c07db4179bb7b86086a1"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/97f7b88b98a06cec75e518ea7c4a53ce17bbe548/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--42VQzPgX--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AWASM%2525E3%252581%2525A8Rust%2525E3%252581%2525AFVue.js%25252FReact.js%2525E3%252582%252592%2525E6%252589%252593%2525E5%252580%252592%2525E3%252581%252599%2525E3%252582%25258B%2525E3%252581%2525AE%2525E3%252581%25258B%2525EF%2525BC%25259F%252520%252520-%252520JS%2525E3%252581%2525B8%2525E3%252581%2525AE%2525E4%2525BE%2525B5%2525E7%252595%2525A5%2525E3%252581%2525AE%2525E6%2525AD%2525B4%2525E5%25258F%2525B2%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Akoduki%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzM0NmExZDBlNTQuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="WASMとRustはVue.js/React.jsを打倒するのか？ - JSへの侵略の歴史" title="WASMとRustはVue.js/React.jsを打倒するのか？ - JSへの侵略の歴史" class="entry-image" /></a></p><p>はじめに 「Typescriptの次はRustかもしれない」という記事がバズってるのを見かけました。 なかなか面白くて、PAとしてのWASMとRustを比較している記事です。ちょうど最近「レガシーおじさん、SPAを始めてみた。そして限界を知る」でも書いた通り最近SPAに手を出してみたのですが、いろいろやろうとするとSSRのためのBa...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/koduki/articles/c07db4179bb7b86086a1"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/koduki/articles/c07db4179bb7b86086a1" alt="はてなブックマーク - WASMとRustはVue.js/React.jsを打倒するのか？ - JSへの侵略の歴史" title="はてなブックマーク - WASMとRustはVue.js/React.jsを打倒するのか？ - JSへの侵略の歴史" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/koduki/articles/c07db4179bb7b86086a1"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://hail2u.net/documents/html-best-practices Magicant 2018-07-23T14:48:26Z HTML 651 <blockquote cite="https://hail2u.net/documents/html-best-practices" title="普通のHTMLの書き方"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhail2u.net%2Fdocuments%2Fhtml-best-practices" alt="" /> <a href="https://hail2u.net/documents/html-best-practices">普通のHTMLの書き方</a></cite><p><a href="https://hail2u.net/documents/html-best-practices"><img src="" alt="普通のHTMLの書き方" title="普通のHTMLの書き方" class="entry-image" /></a></p><p>保守しやすく、規模に依存しないHTML文書のために 一般 DOCTYPEで始める 置き換えられるべきまたは旧式のDOCTYPEを使わない XML宣言を使用しない 文字参照はできる限り使わない &amp;と&lt;、&gt;、&quot;、&#39;は名前文字参照を使ってエスケープする 制御文字や不可視文字は数値文字参照を使う コメントではその内容の前後へ空白文字を置...</p><p><a href="https://b.hatena.ne.jp/entry/s/hail2u.net/documents/html-best-practices"><img src="https://b.hatena.ne.jp/entry/image/https://hail2u.net/documents/html-best-practices" alt="はてなブックマーク - 普通のHTMLの書き方" title="はてなブックマーク - 普通のHTMLの書き方" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/hail2u.net/documents/html-best-practices"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://docs.google.com/presentation/d/1boPxbgNrTU0ddsc144rcXayGA_WF53k96imRH8Mp34Y/edit Magicant 2018-07-13T14:49:13Z ブラウザ プログラミング HTML CSS 38 <blockquote cite="https://docs.google.com/presentation/d/1boPxbgNrTU0ddsc144rcXayGA_WF53k96imRH8Mp34Y/edit" title="edit#slide=id.g25ae9c179b_0_144"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdocs.google.com%2Fpresentation%2Fd%2F1boPxbgNrTU0ddsc144rcXayGA_WF53k96imRH8Mp34Y%2Fedit" alt="" /> <a href="https://docs.google.com/presentation/d/1boPxbgNrTU0ddsc144rcXayGA_WF53k96imRH8Mp34Y/edit">edit#slide=id.g25ae9c179b_0_144</a></cite><p><a href="https://docs.google.com/presentation/d/1boPxbgNrTU0ddsc144rcXayGA_WF53k96imRH8Mp34Y/edit"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5f9053f3df9b89701e5c126dba185ea6192a7bcc/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Flh7-us.googleusercontent.com%2Fdocs%2FAHkbwyJHZ9xnsi3_lDcdRk7g51B1MsUc-CHGXTfrbHc_p6FgpGnfwoTKTfdhhK715zluQqJEjx85v7i9RpmcBY7-anPkzk9v6ISUtE-lcA9_c4FL_WG0I75X%3Dw1200-h630-p" alt="edit#slide=id.g25ae9c179b_0_144" title="edit#slide=id.g25ae9c179b_0_144" class="entry-image" /></a></p><p>このブラウザ バージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。</p><p><a href="https://b.hatena.ne.jp/entry/s/docs.google.com/presentation/d/1boPxbgNrTU0ddsc144rcXayGA_WF53k96imRH8Mp34Y/edit"><img src="https://b.hatena.ne.jp/entry/image/https://docs.google.com/presentation/d/1boPxbgNrTU0ddsc144rcXayGA_WF53k96imRH8Mp34Y/edit" alt="はてなブックマーク - edit#slide=id.g25ae9c179b_0_144" title="はてなブックマーク - edit#slide=id.g25ae9c179b_0_144" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/docs.google.com/presentation/d/1boPxbgNrTU0ddsc144rcXayGA_WF53k96imRH8Mp34Y/edit"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://mizchi.hatenablog.com/entry/2017/10/02/074916 Magicant 2017-10-02T03:32:27Z HTML WWW JavaScript CSS 804 <blockquote cite="https://mizchi.hatenablog.com/entry/2017/10/02/074916" title="やはりHTML/DOMは再発明されるべきじゃないか - mizchi&#39;s blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmizchi.hatenablog.com%2Fentry%2F2017%2F10%2F02%2F074916" alt="" /> <a href="https://mizchi.hatenablog.com/entry/2017/10/02/074916">やはりHTML/DOMは再発明されるべきじゃないか - mizchi&#39;s blog</a></cite><p><a href="https://mizchi.hatenablog.com/entry/2017/10/02/074916"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ca407f38c35424a7adb2c4d4ee2e007c610644dd/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729889376%2F8599973812303636912%2F1506900624" alt="やはりHTML/DOMは再発明されるべきじゃないか - mizchi&#39;s blog" title="やはりHTML/DOMは再発明されるべきじゃないか - mizchi&#39;s blog" class="entry-image" /></a></p><p>と思う次第である。以下理由。 JavaScript, GUI設計の今 JSはそのプラットフォーム特性上、あらゆる言語の使用者の、あらゆる不満が集まる場所で、ヘイトを集めやすい環境だと思う。近年は npm というプラットフォームの登場でエコシステムが生まれ、思いつく限りあらゆるメソッドが適用されてきた。貧弱な言語基盤だが...</p><p><a href="https://b.hatena.ne.jp/entry/s/mizchi.hatenablog.com/entry/2017/10/02/074916"><img src="https://b.hatena.ne.jp/entry/image/https://mizchi.hatenablog.com/entry/2017/10/02/074916" alt="はてなブックマーク - やはりHTML/DOMは再発明されるべきじゃないか - mizchi&#39;s blog" title="はてなブックマーク - やはりHTML/DOMは再発明されるべきじゃないか - mizchi&#39;s blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/mizchi.hatenablog.com/entry/2017/10/02/074916"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.msng.info/archives/2015/06/no-more-target_blank.php 「もうやめよう」つっても、これ十年以上前から言はれてる話でね? Magicant 2015-06-15T13:37:47Z HTML 414 <blockquote cite="https://www.msng.info/archives/2015/06/no-more-target_blank.php" title="HTML の a 要素に target=&amp;#8221;_blank&amp;#8221; をつけるのはもうやめよう"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.msng.info%2Farchives%2F2015%2F06%2Fno-more-target_blank.php" alt="" /> <a href="https://www.msng.info/archives/2015/06/no-more-target_blank.php">HTML の a 要素に target=&amp;#8221;_blank&amp;#8221; をつけるのはもうやめよう</a></cite><p><a href="https://www.msng.info/archives/2015/06/no-more-target_blank.php"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e2a8bbd39c6b1078e29079328c0daab455566742/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.msng.info%2Fwp-content%2Fuploads%2F2015%2F06%2Fno_more_target_blank.png" alt="HTML の a 要素に target=&amp;#8221;_blank&amp;#8221; をつけるのはもうやめよう" title="HTML の a 要素に target=&amp;#8221;_blank&amp;#8221; をつけるのはもうやめよう" class="entry-image" /></a></p><p>HTML の a 要素に target 属性をつけて、リンク先の文書をどこで開くのかを指定できますね。 デフォルトは _self で、元のドキュメントと同じフレーム。無指定だとこれになるので、わざわざこれを書くことは少ないと思うけど。 一番よく使うのは target=&quot;_blank&quot; じゃないでしょうか。リンク先のドキュメントを新しいタ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.msng.info/archives/2015/06/no-more-target_blank.php"><img src="https://b.hatena.ne.jp/entry/image/https://www.msng.info/archives/2015/06/no-more-target_blank.php" alt="はてなブックマーク - HTML の a 要素に target=&amp;#8221;_blank&amp;#8221; をつけるのはもうやめよう" title="はてなブックマーク - HTML の a 要素に target=&amp;#8221;_blank&amp;#8221; をつけるのはもうやめよう" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.msng.info/archives/2015/06/no-more-target_blank.php"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://justinjackson.ca/words_japan.html Magicant 2013-07-04T14:41:13Z HTML 1419 <blockquote cite="https://justinjackson.ca/words_japan.html" title="これはウェブページです｡"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fjustinjackson.ca%2Fwords_japan.html" alt="" /> <a href="https://justinjackson.ca/words_japan.html">これはウェブページです｡</a></cite><p><a href="https://justinjackson.ca/words_japan.html"><img src="" alt="これはウェブページです｡" title="これはウェブページです｡" class="entry-image" /></a></p><p>たいしたページではありません｡ あるのは言葉だけ｡ それをあなたは読んでいます｡ オシャレなデザインや､レスポンシブなレイアウト､魔法のようなスクリプトに私たちは魅了されてしまいました｡ でも､ウェブで一番強力な道具は､今も昔も言葉です｡ 私が書いた言葉を､あなたが読んでいる｡これこそ魔法です｡ 私はブリティッシ...</p><p><a href="https://b.hatena.ne.jp/entry/s/justinjackson.ca/words_japan.html"><img src="https://b.hatena.ne.jp/entry/image/https://justinjackson.ca/words_japan.html" alt="はてなブックマーク - これはウェブページです｡" title="はてなブックマーク - これはウェブページです｡" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/justinjackson.ca/words_japan.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://onohiroki.cycling.jp/2011-09-13-1 Magicant 2011-09-15T13:27:36Z HTML 4 <blockquote cite="http://onohiroki.cycling.jp/2011-09-13-1" title="HTML 4 のころから想定内だった現在のモバイル Web / おのひろきおんらいん"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fonohiroki.cycling.jp%2F2011-09-13-1" alt="" /> <a href="http://onohiroki.cycling.jp/2011-09-13-1">HTML 4 のころから想定内だった現在のモバイル Web / おのひろきおんらいん</a></cite><p><a href="http://onohiroki.cycling.jp/2011-09-13-1"><img src="" alt="HTML 4 のころから想定内だった現在のモバイル Web / おのひろきおんらいん" title="HTML 4 のころから想定内だった現在のモバイル Web / おのひろきおんらいん" class="entry-image" /></a></p><p>HTML 4 の規格で重要な要素の一つはアクセシビリティの確保でしょう．それまでは Netscape と Internet Explorer によるいわゆるブラウザ戦争状態で，ブラウザの独自実装にあわせて web コンテンツを作成するっていう状態．そこから脱する為に，特定のブラウザの実装に依存した書き方で無くHTML 4 にそってコンテンツを...</p><p><a href="https://b.hatena.ne.jp/entry/onohiroki.cycling.jp/2011-09-13-1"><img src="https://b.hatena.ne.jp/entry/image/http://onohiroki.cycling.jp/2011-09-13-1" alt="はてなブックマーク - HTML 4 のころから想定内だった現在のモバイル Web / おのひろきおんらいん" title="はてなブックマーク - HTML 4 のころから想定内だった現在のモバイル Web / おのひろきおんらいん" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/onohiroki.cycling.jp/2011-09-13-1"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://code.google.com/archive/p/zen-coding Magicant 2011-07-04T13:26:25Z HTML CSS 346 <blockquote cite="https://code.google.com/archive/p/zen-coding" title="zen-coding - Set of plugins for HTML and CSS hi-speed coding - Google Project Hosting"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcode.google.com%2Farchive%2Fp%2Fzen-coding" alt="" /> <a href="https://code.google.com/archive/p/zen-coding">zen-coding - Set of plugins for HTML and CSS hi-speed coding - Google Project Hosting</a></cite><p><a href="https://code.google.com/archive/p/zen-coding"><img src="" alt="zen-coding - Set of plugins for HTML and CSS hi-speed coding - Google Project Hosting" title="zen-coding - Set of plugins for HTML and CSS hi-speed coding - Google Project Hosting" class="entry-image" /></a></p><p>Code Archive Skip to content Google About Google Privacy Terms</p><p><a href="https://b.hatena.ne.jp/entry/s/code.google.com/archive/p/zen-coding"><img src="https://b.hatena.ne.jp/entry/image/https://code.google.com/archive/p/zen-coding" alt="はてなブックマーク - zen-coding - Set of plugins for HTML and CSS hi-speed coding - Google Project Hosting" title="はてなブックマーク - zen-coding - Set of plugins for HTML and CSS hi-speed coding - Google Project Hosting" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/code.google.com/archive/p/zen-coding"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://hail2u.net/documents/diveintohtml5-semantics Magicant 2011-02-02T11:42:16Z HTML 1316 <blockquote cite="https://hail2u.net/documents/diveintohtml5-semantics" title="結局どうすればいいの？ - Dive Into HTML5"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhail2u.net%2Fdocuments%2Fdiveintohtml5-semantics" alt="" /> <a href="https://hail2u.net/documents/diveintohtml5-semantics">結局どうすればいいの？ - Dive Into HTML5</a></cite><p><a href="https://hail2u.net/documents/diveintohtml5-semantics"><img src="" alt="結局どうすればいいの？ - Dive Into HTML5" title="結局どうすればいいの？ - Dive Into HTML5" class="entry-image" /></a></p><p>Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The &lt;head&gt; Element Character Encoding Friends &amp; (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle...</p><p><a href="https://b.hatena.ne.jp/entry/s/hail2u.net/documents/diveintohtml5-semantics"><img src="https://b.hatena.ne.jp/entry/image/https://hail2u.net/documents/diveintohtml5-semantics" alt="はてなブックマーク - 結局どうすればいいの？ - Dive Into HTML5" title="はてなブックマーク - 結局どうすればいいの？ - Dive Into HTML5" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/hail2u.net/documents/diveintohtml5-semantics"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://sourceforge.jp/magazine/11/01/24/0259219 それって要するにきっかりと規格を定めることを放棄したってことだろ。ころころ変わる規格なんて規格とは言わないぜ。文書型宣言が簡略化されたときからなんか嫌な予感はしていたが……。 Magicant 2011-01-24T14:44:35Z HTML 14 <blockquote cite="http://sourceforge.jp/magazine/11/01/24/0259219" title="sourceforge.jp"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fsourceforge.jp%2Fmagazine%2F11%2F01%2F24%2F0259219" alt="" /> <a href="http://sourceforge.jp/magazine/11/01/24/0259219">sourceforge.jp</a></cite><p><a href="http://sourceforge.jp/magazine/11/01/24/0259219"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c2762832fd765b9e1961a62fac69ade887d47603/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fmag.osdn.jp%2Fimages%2Fmag%2Fmagazine-200x200.png" alt="sourceforge.jp" title="sourceforge.jp" class="entry-image" /></a></p><p>We’re getting things ready Loading your experience… This won’t take long.</p><p><a href="https://b.hatena.ne.jp/entry/sourceforge.jp/magazine/11/01/24/0259219"><img src="https://b.hatena.ne.jp/entry/image/http://sourceforge.jp/magazine/11/01/24/0259219" alt="はてなブックマーク - sourceforge.jp" title="はてなブックマーク - sourceforge.jp" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/sourceforge.jp/magazine/11/01/24/0259219"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://deztec.jp/design/10/08/01_html.html Magicant 2010-09-22T11:34:58Z HTML CSS 29 <blockquote cite="http://deztec.jp/design/10/08/01_html.html" title="「CSS3でドラえもん」はスゴイけれど……"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fdeztec.jp%2Fdesign%2F10%2F08%2F01_html.html" alt="" /> <a href="http://deztec.jp/design/10/08/01_html.html">「CSS3でドラえもん」はスゴイけれど……</a></cite><p><a href="http://deztec.jp/design/10/08/01_html.html"><img src="" alt="「CSS3でドラえもん」はスゴイけれど……" title="「CSS3でドラえもん」はスゴイけれど……" class="entry-image" /></a></p><p>1． 画像は一切使ってない！？CSS3だけで描いた“ドラえもん”がすごい - はてなブックマークニュース 画像を一切使わずにCSS3だけでドラえもんを描いてみた！ - 裏技shop DD CSS3 ドラえもん 画像を一切使わないCSS3で製作した新サイト「NetaGear」！ - 裏技shop DD NetaGear 「すごい」と思う。そのアイデアにも技術にも...</p><p><a href="https://b.hatena.ne.jp/entry/deztec.jp/design/10/08/01_html.html"><img src="https://b.hatena.ne.jp/entry/image/http://deztec.jp/design/10/08/01_html.html" alt="はてなブックマーク - 「CSS3でドラえもん」はスゴイけれど……" title="はてなブックマーク - 「CSS3でドラえもん」はスゴイけれど……" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/deztec.jp/design/10/08/01_html.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.publickey1.jp/blog/10/html5javascriptdouglas_crockford.html Magicant 2010-06-03T11:36:53Z セキュリティ HTML 345 <blockquote cite="https://www.publickey1.jp/blog/10/html5javascriptdouglas_crockford.html" title="「HTML5は優先順位を間違った。もういちどセキュリティの設計からやり直すべきだ」と語るJavaScript大家のDouglas Crockford氏"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F10%2Fhtml5javascriptdouglas_crockford.html" alt="" /> <a href="https://www.publickey1.jp/blog/10/html5javascriptdouglas_crockford.html">「HTML5は優先順位を間違った。もういちどセキュリティの設計からやり直すべきだ」と語るJavaScript大家のDouglas Crockford氏</a></cite><p><a href="https://www.publickey1.jp/blog/10/html5javascriptdouglas_crockford.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d456b001e7b1552ac62944ca10fa41df736e3920/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.publickey1.jp%2Ffbico_pblky.png" alt="「HTML5は優先順位を間違った。もういちどセキュリティの設計からやり直すべきだ」と語るJavaScript大家のDouglas Crockford氏" title="「HTML5は優先順位を間違った。もういちどセキュリティの設計からやり直すべきだ」と語るJavaScript大家のDouglas Crockford氏" class="entry-image" /></a></p><p>「HTML5は優先順位を間違った。もういちどセキュリティの設計からやり直すべきだ」と語るJavaScript大家のDouglas Crockford氏 「HTML5の最大の問題は、優先順位を間違ったことだ。機能について議論する前に、セキュリティの扱いについて検討すべきだった」こう語るのは、JSONの発明者として知られ、Yahoo!のシニアJavaS...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/10/html5javascriptdouglas_crockford.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/10/html5javascriptdouglas_crockford.html" alt="はてなブックマーク - 「HTML5は優先順位を間違った。もういちどセキュリティの設計からやり直すべきだ」と語るJavaScript大家のDouglas Crockford氏" title="はてなブックマーク - 「HTML5は優先順位を間違った。もういちどセキュリティの設計からやり直すべきだ」と語るJavaScript大家のDouglas Crockford氏" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/10/html5javascriptdouglas_crockford.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://k-hiura.cocolog-nifty.com/blog/2010/05/html5div-21c4.html CSS にスコープが欲しいとか言う前に HTML/CSS の仕様書 (特にセレクタ周り) を読めよと。「こうすべし」ではなく「こうするとできる」で考えていると、自分中心の偏った世界から抜け出せない。 Magicant 2010-05-31T13:27:32Z これはひどい HTML 59 <blockquote cite="http://k-hiura.cocolog-nifty.com/blog/2010/05/html5div-21c4.html" title="HTML5対応：divで乗り切れ - 万象酔歩"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fk-hiura.cocolog-nifty.com%2Fblog%2F2010%2F05%2Fhtml5div-21c4.html" alt="" /> <a href="http://k-hiura.cocolog-nifty.com/blog/2010/05/html5div-21c4.html">HTML5対応：divで乗り切れ - 万象酔歩</a></cite><p><a href="http://k-hiura.cocolog-nifty.com/blog/2010/05/html5div-21c4.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/dee86fef35665ebecd37dc0b3881cf021448c469/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fk-hiura.cocolog-nifty.com%2F.shared-pleasy%2Fnifty_managed%2Fimages%2Fweb%2Fogp%2Fdefault.png" alt="HTML5対応：divで乗り切れ - 万象酔歩" title="HTML5対応：divで乗り切れ - 万象酔歩" class="entry-image" /></a></p><p>中央に置くことはできなくなります。 また&lt;p&gt;タグの場合も &lt;center&gt; &lt;p&gt; AAA&lt;br&gt; abcdef&lt;br&gt; G&lt;br&gt; hi-jkl&lt;br&gt; MMMMM &lt;/p&gt; &lt;/center&gt; で という表現を得るということができなくなります。 divで乗り切れ： &lt;table&gt;タグや&lt;p&gt;タグのstyle=設定で中央寄せ設定することはできますが どう配置するかは内容とは別問題なので、...</p><p><a href="https://b.hatena.ne.jp/entry/k-hiura.cocolog-nifty.com/blog/2010/05/html5div-21c4.html"><img src="https://b.hatena.ne.jp/entry/image/http://k-hiura.cocolog-nifty.com/blog/2010/05/html5div-21c4.html" alt="はてなブックマーク - HTML5対応：divで乗り切れ - 万象酔歩" title="はてなブックマーク - HTML5対応：divで乗り切れ - 万象酔歩" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/k-hiura.cocolog-nifty.com/blog/2010/05/html5div-21c4.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>