https://b.hatena.ne.jp/tanakaBox/HTML/ HTMLに関するtanakaBoxのはてなブックマーク (30) https://blog.tomoyukikashiro.me/ja-JP/post/how-to-control-browser-keyboard-inputmode tanakaBox 2022-09-27T17:19:21Z HTML 108 <blockquote cite="https://blog.tomoyukikashiro.me/ja-JP/post/how-to-control-browser-keyboard-inputmode" title="ブラウザのキーボードを制御する inputmode"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.tomoyukikashiro.me%2Fja-JP%2Fpost%2Fhow-to-control-browser-keyboard-inputmode" alt="" /> <a href="https://blog.tomoyukikashiro.me/ja-JP/post/how-to-control-browser-keyboard-inputmode">ブラウザのキーボードを制御する inputmode</a></cite><p><a href="https://blog.tomoyukikashiro.me/ja-JP/post/how-to-control-browser-keyboard-inputmode"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5c2f45ae84489443a97707623430fc55e6ee3b4f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fi.gyazo.com%2F40a56fb62613e6e1fd6f52cb45b36d66.jpg" alt="ブラウザのキーボードを制御する inputmode" title="ブラウザのキーボードを制御する inputmode" class="entry-image" /></a></p><p>October 26, 2019 created( August 1, 2022 updated ) input[type]によるキーボードの表示制御Googleの記事、web foundamentals 最適なフォームの作成では、type属性による入力しやすいキーボードの表示コントロールが説明されていました。 例えば、type=&quot;email&quot;を指定すると、 &lt;input type=&quot;email&quot;&gt; emailが入力しやす...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.tomoyukikashiro.me/ja-JP/post/how-to-control-browser-keyboard-inputmode"><img src="https://b.hatena.ne.jp/entry/image/https://blog.tomoyukikashiro.me/ja-JP/post/how-to-control-browser-keyboard-inputmode" alt="はてなブックマーク - ブラウザのキーボードを制御する inputmode" title="はてなブックマーク - ブラウザのキーボードを制御する inputmode" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.tomoyukikashiro.me/ja-JP/post/how-to-control-browser-keyboard-inputmode"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://github.com/mgdm/htmlq tanakaBox 2021-09-08T15:19:26Z HTML 185 <blockquote cite="https://github.com/mgdm/htmlq" title="GitHub - mgdm/htmlq: Like jq, but for HTML."><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fmgdm%2Fhtmlq" alt="" /> <a href="https://github.com/mgdm/htmlq">GitHub - mgdm/htmlq: Like jq, but for HTML.</a></cite><p><a href="https://github.com/mgdm/htmlq"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ed644f3e6037fbf190bcb24936de8955b76565e3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2F9489a01903e7f581f8068d38c6982c26cd5563215eddef654b9c5c81c4ad9ae9%2Fmgdm%2Fhtmlq" alt="GitHub - mgdm/htmlq: Like jq, but for HTML." title="GitHub - mgdm/htmlq: Like jq, but for HTML." class="entry-image" /></a></p><p>$ htmlq -h htmlq 0.4.0 Michael Maclean &lt;michael@mgdm.net&gt; Runs CSS selectors on HTML USAGE: htmlq [FLAGS] [OPTIONS] [--] [selector]... FLAGS: -B, --detect-base Try to detect the base URL from the &lt;base&gt; tag in the document. If not found, default to the value of --base, if supplied -h, --help Prin...</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/mgdm/htmlq"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/mgdm/htmlq" alt="はてなブックマーク - GitHub - mgdm/htmlq: Like jq, but for HTML." title="はてなブックマーク - GitHub - mgdm/htmlq: Like jq, but for HTML." border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/mgdm/htmlq"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://web-study.dev/ tanakaBox 2021-08-17T14:41:40Z HTML 2 <blockquote cite="https://web-study.dev/" title="作って学ぶWebサイト制作"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fweb-study.dev%2F" alt="" /> <a href="https://web-study.dev/">作って学ぶWebサイト制作</a></cite><p><a href="https://web-study.dev/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/74ef3249e30ecca006e4fec468f111d8097929cd/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fweb-study.dev%2Fimages%2Fcard-web.png" alt="作って学ぶWebサイト制作" title="作って学ぶWebサイト制作" class="entry-image" /></a></p><p>学びたいのは、作り方 このサイトでは、HTML・CSS・JavaScriptを使った、 Webサイトの作り方を学べるコンテンツを公開しています。 実際に手を動かしながらWebサイトを作り、学習を進めます。 もう、HTML・CSS・JavaScriptのつまらない話はやめにしましょう。</p><p><a href="https://b.hatena.ne.jp/entry/s/web-study.dev/"><img src="https://b.hatena.ne.jp/entry/image/https://web-study.dev/" alt="はてなブックマーク - 作って学ぶWebサイト制作" title="はてなブックマーク - 作って学ぶWebサイト制作" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/web-study.dev/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://zenn.dev/catnose99/articles/3d2f439e8ed161 tanakaBox 2021-06-29T18:31:30Z HTML 119 <blockquote cite="https://zenn.dev/catnose99/articles/3d2f439e8ed161" title="絵文字をファビコンとして表示する簡単な方法"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fzenn.dev%2Fcatnose99%2Farticles%2F3d2f439e8ed161" alt="" /> <a href="https://zenn.dev/catnose99/articles/3d2f439e8ed161">絵文字をファビコンとして表示する簡単な方法</a></cite><p><a href="https://zenn.dev/catnose99/articles/3d2f439e8ed161"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4628d727a02114f5cf80f2b2d4a21fe8683c16b7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--7xeE2NgC--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E7%2525B5%2525B5%2525E6%252596%252587%2525E5%2525AD%252597%2525E3%252582%252592%2525E3%252583%252595%2525E3%252582%2525A1%2525E3%252583%252593%2525E3%252582%2525B3%2525E3%252583%2525B3%2525E3%252581%2525A8%2525E3%252581%252597%2525E3%252581%2525A6%2525E8%2525A1%2525A8%2525E7%2525A4%2525BA%2525E3%252581%252599%2525E3%252582%25258B%2525E7%2525B0%2525A1%2525E5%25258D%252598%2525E3%252581%2525AA%2525E6%252596%2525B9%2525E6%2525B3%252595%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Acatnose%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzc2YzYxNGExZmEuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt="絵文字をファビコンとして表示する簡単な方法" title="絵文字をファビコンとして表示する簡単な方法" class="entry-image" /></a></p><p>2021/5/17追記 2021年5月現在、Safariではこの方法に対応していません。Safari用に別途ファビコンを用意する必要があります。 ちょっとしたWebサイトを作るときに地味に面倒なのがファビコンです。わざわざ画像を作るのも、どこかからちょうど良い画像素材を持ってくるのも、アップロードするのも面倒だったりします。 ...</p><p><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/catnose99/articles/3d2f439e8ed161"><img src="https://b.hatena.ne.jp/entry/image/https://zenn.dev/catnose99/articles/3d2f439e8ed161" alt="はてなブックマーク - 絵文字をファビコンとして表示する簡単な方法" title="はてなブックマーク - 絵文字をファビコンとして表示する簡単な方法" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/zenn.dev/catnose99/articles/3d2f439e8ed161"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://whatwg.org/ 仕様。 tanakaBox 2019-05-29T12:45:05Z HTML 91 <blockquote cite="https://whatwg.org/" title="What : Web Hypertext Application Technology Working Group"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwhatwg.org%2F" alt="" /> <a href="https://whatwg.org/">What : Web Hypertext Application Technology Working Group</a></cite><p><a href="https://whatwg.org/"><img src="" alt="What : Web Hypertext Application Technology Working Group" title="What : Web Hypertext Application Technology Working Group" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/whatwg.org/"><img src="https://b.hatena.ne.jp/entry/image/https://whatwg.org/" alt="はてなブックマーク - What : Web Hypertext Application Technology Working Group" title="はてなブックマーク - What : Web Hypertext Application Technology Working Group" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/whatwg.org/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.publickey1.jp/blog/19/htmlw3cwhatwgwhatwghtml.html tanakaBox 2019-05-29T12:43:48Z HTML 252 <blockquote cite="https://www.publickey1.jp/blog/19/htmlw3cwhatwgwhatwghtml.html" title="HTML標準仕様の策定についてW3CとWHATWGが合意発表。今後はWHATWGのリビングスタンダードが唯一のHTML標準仕様に"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F19%2Fhtmlw3cwhatwgwhatwghtml.html" alt="" /> <a href="https://www.publickey1.jp/blog/19/htmlw3cwhatwgwhatwghtml.html">HTML標準仕様の策定についてW3CとWHATWGが合意発表。今後はWHATWGのリビングスタンダードが唯一のHTML標準仕様に</a></cite><p><a href="https://www.publickey1.jp/blog/19/htmlw3cwhatwgwhatwghtml.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0a3ca7437894e5fbbdc86d1021c8c577edd75d9d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.publickey1.jp%2F2019%2Fw3c_whatwg_html501.gif" alt="HTML標準仕様の策定についてW3CとWHATWGが合意発表。今後はWHATWGのリビングスタンダードが唯一のHTML標準仕様に" title="HTML標準仕様の策定についてW3CとWHATWGが合意発表。今後はWHATWGのリビングスタンダードが唯一のHTML標準仕様に" class="entry-image" /></a></p><p>HTML標準仕様の策定についてW3CとWHATWGが合意発表。今後はWHATWGのリビングスタンダードが唯一のHTML標準仕様に W3CとWHATWGは、HTML標準仕様の策定について合意したことを発表しました。 いわゆるHTML5と呼ばれるHTMLの最新仕様には、WHATWGが公開しているものとW3Cが公開しているものが併存しており、しかも両者には...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/19/htmlw3cwhatwgwhatwghtml.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/19/htmlw3cwhatwgwhatwghtml.html" alt="はてなブックマーク - HTML標準仕様の策定についてW3CとWHATWGが合意発表。今後はWHATWGのリビングスタンダードが唯一のHTML標準仕様に" title="はてなブックマーク - HTML標準仕様の策定についてW3CとWHATWGが合意発表。今後はWHATWGのリビングスタンダードが唯一のHTML標準仕様に" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/19/htmlw3cwhatwgwhatwghtml.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://addyosmani.com/blog/lazy-loading/ tanakaBox 2019-04-08T17:29:25Z HTML 31 <blockquote cite="https://addyosmani.com/blog/lazy-loading/" title="Native image lazy-loading for the web!"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Faddyosmani.com%2Fblog%2Flazy-loading%2F" alt="" /> <a href="https://addyosmani.com/blog/lazy-loading/">Native image lazy-loading for the web!</a></cite><p><a href="https://addyosmani.com/blog/lazy-loading/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/46bfec2ae69cd7c90edbeb42371e41124537c3a5/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Faddyosmani.com%2Fassets%2Fimages%2Floading-attribute.png" alt="Native image lazy-loading for the web!" title="Native image lazy-loading for the web!" class="entry-image" /></a></p><p>April 6, 2019 In this post, we’ll look at the new loading attribute which brings native &lt;img&gt; and &lt;iframe&gt; lazy-loading to the web!. For the curious, here’s a sneak preview of it in action: &lt;img src=&quot;celebration.jpg&quot; loading=&quot;lazy&quot; alt=&quot;...&quot; /&gt; &lt;iframe src=&quot;video-player.html&quot; loading=&quot;lazy&quot;&gt;&lt;/ifr...</p><p><a href="https://b.hatena.ne.jp/entry/s/addyosmani.com/blog/lazy-loading/"><img src="https://b.hatena.ne.jp/entry/image/https://addyosmani.com/blog/lazy-loading/" alt="はてなブックマーク - Native image lazy-loading for the web!" title="はてなブックマーク - Native image lazy-loading for the web!" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/addyosmani.com/blog/lazy-loading/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://coliss.com/articles/build-websites/operation/work/list-of-head-elements.html tanakaBox 2018-03-13T10:02:05Z HTML 912 <blockquote cite="https://coliss.com/articles/build-websites/operation/work/list-of-head-elements.html" title="HTMLのheadの書き方、head内に記述する要素の総まとめ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fwork%2Flist-of-head-elements.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/work/list-of-head-elements.html">HTMLのheadの書き方、head内に記述する要素の総まとめ</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/work/list-of-head-elements.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f56ac5b28b8783ec5a805773cf48da3e3f4c1ce1/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201703%2F2017092601.png" alt="HTMLのheadの書き方、head内に記述する要素の総まとめ" title="HTMLのheadの書き方、head内に記述する要素の総まとめ" class="entry-image" /></a></p><p>HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「&lt;head&gt; cheatsheet」を紹介します。 &lt;head&gt; cheatsheet 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/list-of-head-elements.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/work/list-of-head-elements.html" alt="はてなブックマーク - HTMLのheadの書き方、head内に記述する要素の総まとめ" title="はてなブックマーク - HTMLのheadの書き方、head内に記述する要素の総まとめ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/list-of-head-elements.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/miya0001/items/8fff46c201bf9eaeba4a tanakaBox 2018-03-07T22:08:16Z HTML 1250 <blockquote cite="https://qiita.com/miya0001/items/8fff46c201bf9eaeba4a" title="フロントエンドチェックリスト（日本語訳） - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fmiya0001%2Fitems%2F8fff46c201bf9eaeba4a" alt="" /> <a href="https://qiita.com/miya0001/items/8fff46c201bf9eaeba4a">フロントエンドチェックリスト（日本語訳） - Qiita</a></cite><p><a href="https://qiita.com/miya0001/items/8fff46c201bf9eaeba4a"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/47017fa68fc70f3149990567b719091cd4d2a3ef/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgzJTk1JUUzJTgzJUFEJUUzJTgzJUIzJUUzJTgzJTg4JUUzJTgyJUE4JUUzJTgzJUIzJUUzJTgzJTg5JUUzJTgzJTgxJUUzJTgyJUE3JUUzJTgzJTgzJUUzJTgyJUFGJUUzJTgzJUFBJUUzJTgyJUI5JUUzJTgzJTg4JUVGJUJDJTg4JUU2JTk3JUE1JUU2JTlDJUFDJUU4JUFBJTlFJUU4JUE4JUIzJUVGJUJDJTg5JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz00ODJlY2E5MmZmZDE4YTg5NmYwZjlmMGM0NzFmNmUxZQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBtaXlhMDAwMSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MjdkMTQ0MWE5YjQxYmYyMGVjNmUxYzg3YWM5NzZlMmU%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4gR2VvbG9uaWE%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D4374bea8f79d1990ea19fcd299a66b6e" alt="フロントエンドチェックリスト（日本語訳） - Qiita" title="フロントエンドチェックリスト（日本語訳） - Qiita" class="entry-image" /></a></p><p>GitHubで公開されているフロントエンドチェックリストというドキュメントが、網羅されている内容が幅広く便利そうだったので、日本語に翻訳しました。 日本語版は、以下のGitHubリポジトリにあります。GitHub側と自動的に連携するようにしておりますので、誤訳や誤りなどがあれば GitHub のプルリクエストまたは Issue ...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/miya0001/items/8fff46c201bf9eaeba4a"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/miya0001/items/8fff46c201bf9eaeba4a" alt="はてなブックマーク - フロントエンドチェックリスト（日本語訳） - Qiita" title="はてなブックマーク - フロントエンドチェックリスト（日本語訳） - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/miya0001/items/8fff46c201bf9eaeba4a"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://coliss.com/articles/build-websites/operation/work/html5-template-for-2018.html tanakaBox 2018-01-21T16:56:00Z HTML 297 <blockquote cite="https://coliss.com/articles/build-websites/operation/work/html5-template-for-2018.html" title="最新版！Webページを作成する時のベースになる、最小限の構成で記述されたHTML5のテンプレート"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fwork%2Fhtml5-template-for-2018.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/work/html5-template-for-2018.html">最新版！Webページを作成する時のベースになる、最小限の構成で記述されたHTML5のテンプレート</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/work/html5-template-for-2018.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e53d108b9ba16ddff2c75d3d27de1e0950fdfbe2/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201801%2F2018011005.png" alt="最新版！Webページを作成する時のベースになる、最小限の構成で記述されたHTML5のテンプレート" title="最新版！Webページを作成する時のベースになる、最小限の構成で記述されたHTML5のテンプレート" class="entry-image" /></a></p><p>HTML5でWebページを作成する時のベースになる必要最小限の構成で記述されたHTML5のテンプレートを紹介します。 スニペットに登録しておくと、便利ですね。 イラスト: Girls Design Materials HTML5 Boilerplate -GitHub HTML5のテンプレート HTML5のテンプレートの解説 HTML5のテンプレート HTML5 Boilerplateのテンプレ...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/html5-template-for-2018.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/work/html5-template-for-2018.html" alt="はてなブックマーク - 最新版！Webページを作成する時のベースになる、最小限の構成で記述されたHTML5のテンプレート" title="はてなブックマーク - 最新版！Webページを作成する時のベースになる、最小限の構成で記述されたHTML5のテンプレート" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/html5-template-for-2018.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://github.com/hail2u/html-best-practices tanakaBox 2014-12-26T16:03:24Z HTML 141 <blockquote cite="https://github.com/hail2u/html-best-practices" title="GitHub - hail2u/html-best-practices: For writing maintainable and scalable HTML documents"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fhail2u%2Fhtml-best-practices" alt="" /> <a href="https://github.com/hail2u/html-best-practices">GitHub - hail2u/html-best-practices: For writing maintainable and scalable HTML documents</a></cite><p><a href="https://github.com/hail2u/html-best-practices"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a579842d2fb3e8af2299c4d3b60fd067f6ed81ca/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2F8b8555179e25f10e7205eee5a3dd02ba5d04e5a425718cec4bff24915dda97eb%2Fhail2u%2Fhtml-best-practices" alt="GitHub - hail2u/html-best-practices: For writing maintainable and scalable HTML documents" title="GitHub - hail2u/html-best-practices: For writing maintainable and scalable HTML documents" class="entry-image" /></a></p><p>You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/hail2u/html-best-practices"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/hail2u/html-best-practices" alt="はてなブックマーク - GitHub - hail2u/html-best-practices: For writing maintainable and scalable HTML documents" title="はてなブックマーク - GitHub - hail2u/html-best-practices: For writing maintainable and scalable HTML documents" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/hail2u/html-best-practices"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://codezine.jp/news/detail/8133 tanakaBox 2014-09-21T16:09:59Z HTML 6 <blockquote cite="https://codezine.jp/news/detail/8133" title="W3C、HTML5とHTML4の差異について解説した文書「HTML5 Differences from HTML4」のドラフト版を公開"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcodezine.jp%2Fnews%2Fdetail%2F8133" alt="" /> <a href="https://codezine.jp/news/detail/8133">W3C、HTML5とHTML4の差異について解説した文書「HTML5 Differences from HTML4」のドラフト版を公開</a></cite><p><a href="https://codezine.jp/news/detail/8133"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1e4189ad535130136d742103e028dcddcc265bc7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcodezine.jp%2Fstatic%2Fcommon%2Fimages%2Fczlogo4fb_ogp.png" alt="W3C、HTML5とHTML4の差異について解説した文書「HTML5 Differences from HTML4」のドラフト版を公開" title="W3C、HTML5とHTML4の差異について解説した文書「HTML5 Differences from HTML4」のドラフト版を公開" class="entry-image" /></a></p><p>CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。</p><p><a href="https://b.hatena.ne.jp/entry/s/codezine.jp/news/detail/8133"><img src="https://b.hatena.ne.jp/entry/image/https://codezine.jp/news/detail/8133" alt="はてなブックマーク - W3C、HTML5とHTML4の差異について解説した文書「HTML5 Differences from HTML4」のドラフト版を公開" title="はてなブックマーク - W3C、HTML5とHTML4の差異について解説した文書「HTML5 Differences from HTML4」のドラフト版を公開" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/codezine.jp/news/detail/8133"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/wadako111/items/7100c02337f14df07205 tanakaBox 2014-07-17T06:53:01Z HTML 544 <blockquote cite="https://qiita.com/wadako111/items/7100c02337f14df07205" title="&lt;html&gt;,&lt;body&gt;は要らない？Googleが推奨するHTMLファイルの記法 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fwadako111%2Fitems%2F7100c02337f14df07205" alt="" /> <a href="https://qiita.com/wadako111/items/7100c02337f14df07205">&lt;html&gt;,&lt;body&gt;は要らない？Googleが推奨するHTMLファイルの記法 - Qiita</a></cite><p><a href="https://qiita.com/wadako111/items/7100c02337f14df07205"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f93d2b0ab74e278208a4100d05bef541b97af4bb/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGOTM3MyUyRnByb2ZpbGUtaW1hZ2VzJTJGMTQ3Mzc1NzA4Mj9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmYmc9RkZGRkZGJmZtPXBuZzMyJnM9ZjJkY2EwMDcxNzIyZmM1NWFjZDYwMDc5MGMyYTBjODQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Da098754fa0326adbd84dc6e6463ee3d1%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTNDaHRtbCUzRSUyQyUzQ2JvZHklM0UlRTMlODElQUYlRTglQTYlODElRTMlODIlODklRTMlODElQUElRTMlODElODQlRUYlQkMlOUZHb29nbGUlRTMlODElOEMlRTYlOEUlQTglRTUlQTUlQTglRTMlODElOTklRTMlODIlOEJIVE1MJUUzJTgzJTk1JUUzJTgyJUExJUUzJTgyJUE0JUUzJTgzJUFCJUUzJTgxJUFFJUU4JUE4JTk4JUU2JUIzJTk1JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9OTdkODg4Mjg4YmFiMWE1ZGVhMWU1ZDAyMDkzNGQ1Y2I%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB3YWRha28xMTEmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz1mNmM3MWExMDJkNzBjODhlN2EwYmJiMzFjNDFjYjg0Mw%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D2c3d8c152a5f813e7ec1650f4dbb1c06" alt="&lt;html&gt;,&lt;body&gt;は要らない？Googleが推奨するHTMLファイルの記法 - Qiita" title="&lt;html&gt;,&lt;body&gt;は要らない？Googleが推奨するHTMLファイルの記法 - Qiita" class="entry-image" /></a></p><p>Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/wadako111/items/7100c02337f14df07205"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/wadako111/items/7100c02337f14df07205" alt="はてなブックマーク - &lt;html&gt;,&lt;body&gt;は要らない？Googleが推奨するHTMLファイルの記法 - Qiita" title="はてなブックマーク - &lt;html&gt;,&lt;body&gt;は要らない？Googleが推奨するHTMLファイルの記法 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/wadako111/items/7100c02337f14df07205"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.slideshare.net/slideshow/fundamentals-andapplicationsofhtml5secondedition/33880391 tanakaBox 2014-06-21T15:58:11Z HTML 159 <blockquote cite="https://www.slideshare.net/slideshow/fundamentals-andapplicationsofhtml5secondedition/33880391" title="HTML5の基礎と応用 ~Open Web Platform~ WebSocket / WebRTC / Web Audio API / WebGL 第二版"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.slideshare.net%2Fslideshow%2Ffundamentals-andapplicationsofhtml5secondedition%2F33880391" alt="" /> <a href="https://www.slideshare.net/slideshow/fundamentals-andapplicationsofhtml5secondedition/33880391">HTML5の基礎と応用 ~Open Web Platform~ WebSocket / WebRTC / Web Audio API / WebGL 第二版</a></cite><p><a href="https://www.slideshare.net/slideshow/fundamentals-andapplicationsofhtml5secondedition/33880391"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c06aa66ca62b8977fd2cdd7455e24db5bb1d3578/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2F20140421fundamentalsandapplicationsofhtml5secondedition-140423225634-phpapp01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds" alt="HTML5の基礎と応用 ~Open Web Platform~ WebSocket / WebRTC / Web Audio API / WebGL 第二版" title="HTML5の基礎と応用 ~Open Web Platform~ WebSocket / WebRTC / Web Audio API / WebGL 第二版" class="entry-image" /></a></p><p>HTML5の基礎と応用 ~Open Web Platform~ WebSocket / WebRTC / Web Audio API / WebGL 第二版</p><p><a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/slideshow/fundamentals-andapplicationsofhtml5secondedition/33880391"><img src="https://b.hatena.ne.jp/entry/image/https://www.slideshare.net/slideshow/fundamentals-andapplicationsofhtml5secondedition/33880391" alt="はてなブックマーク - HTML5の基礎と応用 ~Open Web Platform~ WebSocket / WebRTC / Web Audio API / WebGL 第二版" title="はてなブックマーク - HTML5の基礎と応用 ~Open Web Platform~ WebSocket / WebRTC / Web Audio API / WebGL 第二版" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.slideshare.net/slideshow/fundamentals-andapplicationsofhtml5secondedition/33880391"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://blog.agektmr.com/ja/2014/05/web-components.html tanakaBox 2014-05-21T15:56:54Z HTML 35 <blockquote cite="https://blog.agektmr.com/ja/2014/05/web-components.html" title="なぜ Web Components はウェブ開発に革命を起こすのか"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.agektmr.com%2Fja%2F2014%2F05%2Fweb-components.html" alt="" /> <a href="https://blog.agektmr.com/ja/2014/05/web-components.html">なぜ Web Components はウェブ開発に革命を起こすのか</a></cite><p><a href="https://blog.agektmr.com/ja/2014/05/web-components.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0fc4e89fdbdad310b6e9651abc53bc2950ac1023/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.agektmr.com%2Fimages%2Fcover.jpg" alt="なぜ Web Components はウェブ開発に革命を起こすのか" title="なぜ Web Components はウェブ開発に革命を起こすのか" class="entry-image" /></a></p><p>Posted: 2014年5月19日 / Last updated: 2014年7月12日 / オーガニック度: 100% / Read in English ウェブアプリケーションのフロントエンドに関わる方なら、もう Web Components という 言葉を全く聴いたことがない方は少ないのではないでしょか。 すでに関連記事も数多く出回っており、実際に触り始めている方も多いと...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.agektmr.com/ja/2014/05/web-components.html"><img src="https://b.hatena.ne.jp/entry/image/https://blog.agektmr.com/ja/2014/05/web-components.html" alt="はてなブックマーク - なぜ Web Components はウェブ開発に革命を起こすのか" title="はてなブックマーク - なぜ Web Components はウェブ開発に革命を起こすのか" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.agektmr.com/ja/2014/05/web-components.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/Sugima/items/785644372397595644ba tanakaBox 2014-05-13T17:47:54Z HTML 239 <blockquote cite="https://qiita.com/Sugima/items/785644372397595644ba" title="Google HTML/CSS Style Guide まとめ - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2FSugima%2Fitems%2F785644372397595644ba" alt="" /> <a href="https://qiita.com/Sugima/items/785644372397595644ba">Google HTML/CSS Style Guide まとめ - Qiita</a></cite><p><a href="https://qiita.com/Sugima/items/785644372397595644ba"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5e234812dbec23e238f3385f8b46574d217965ed/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNDI5NTglMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODkzNTY_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9OTIyNmI2ODFhZWQxNTc2NzEyOTAwYzJiZTM4YzcyZDQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D7b8ed8c2b369de62af951c185de31003%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJTIwSFRNTCUyRkNTUyUyMFN0eWxlJTIwR3VpZGUlMjAlRTMlODElQkUlRTMlODElQTglRTMlODIlODEmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1iYmNkNWE3ZDg0MTM1ZTk5YmY0MmU1ZWUyYzg0YWFmMA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBTdWdpbWEmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz1lYjRhMDFmYzgwYTA2ZjZhZjI3N2E4MGI3NjY2ZWFmMw%26blend-x%3D242%26blend-y%3D454%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44Kz44Og44OL44Kz%26txt-x%3D242%26txt-y%3D539%26txt-width%3D838%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D28%26s%3De31572602b6eeb9485d1d2ddb646684b" alt="Google HTML/CSS Style Guide まとめ - Qiita" title="Google HTML/CSS Style Guide まとめ - Qiita" class="entry-image" /></a></p><p>Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/Sugima/items/785644372397595644ba"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/Sugima/items/785644372397595644ba" alt="はてなブックマーク - Google HTML/CSS Style Guide まとめ - Qiita" title="はてなブックマーク - Google HTML/CSS Style Guide まとめ - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/Sugima/items/785644372397595644ba"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://webtan.impress.co.jp/e/2014/04/24/17355 tanakaBox 2014-04-26T15:33:04Z HTML HTML5 267 <blockquote cite="https://webtan.impress.co.jp/e/2014/04/24/17355" title="必ず覚えておきたいHTML5の特徴と新機能／HTML5完全読本#1-1 | HTML5完全読本―実践テクニックとWebデザインの最新動向 | Web担当者Forum"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwebtan.impress.co.jp%2Fe%2F2014%2F04%2F24%2F17355" alt="" /> <a href="https://webtan.impress.co.jp/e/2014/04/24/17355">必ず覚えておきたいHTML5の特徴と新機能／HTML5完全読本#1-1 | HTML5完全読本―実践テクニックとWebデザインの最新動向 | Web担当者Forum</a></cite><p><a href="https://webtan.impress.co.jp/e/2014/04/24/17355"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a9e3465fc117b4cad23d1c9075524e18bbbbf68b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2014%2Fhtml5_mook%2Fhtml5_icon.png" alt="必ず覚えておきたいHTML5の特徴と新機能／HTML5完全読本#1-1 | HTML5完全読本―実践テクニックとWebデザインの最新動向 | Web担当者Forum" title="必ず覚えておきたいHTML5の特徴と新機能／HTML5完全読本#1-1 | HTML5完全読本―実践テクニックとWebデザインの最新動向 | Web担当者Forum" class="entry-image" /></a></p><p>【2026年版】関東の「住みたい街」ランキング！ 2年連続の首都圏トップは？【ニフティライフスタイル調べ】 2月9日 6:00</p><p><a href="https://b.hatena.ne.jp/entry/s/webtan.impress.co.jp/e/2014/04/24/17355"><img src="https://b.hatena.ne.jp/entry/image/https://webtan.impress.co.jp/e/2014/04/24/17355" alt="はてなブックマーク - 必ず覚えておきたいHTML5の特徴と新機能／HTML5完全読本#1-1 | HTML5完全読本―実践テクニックとWebデザインの最新動向 | Web担当者Forum" title="はてなブックマーク - 必ず覚えておきたいHTML5の特徴と新機能／HTML5完全読本#1-1 | HTML5完全読本―実践テクニックとWebデザインの最新動向 | Web担当者Forum" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/webtan.impress.co.jp/e/2014/04/24/17355"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://html5experts.jp/nakajmg/2502/ tanakaBox 2013-09-28T07:55:40Z HTML 177 <blockquote cite="https://html5experts.jp/nakajmg/2502/" title="よくある3つのデザインから考える、マークアップの最適解"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhtml5experts.jp%2Fnakajmg%2F2502%2F" alt="" /> <a href="https://html5experts.jp/nakajmg/2502/">よくある3つのデザインから考える、マークアップの最適解</a></cite><p><a href="https://html5experts.jp/nakajmg/2502/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/bb97528cc71aab341eb2bbd87e59b8cf1294166a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fhtml5experts.jp%2Fwp-content%2Fuploads%2F2013%2F09%2Fmu1.jpg" alt="よくある3つのデザインから考える、マークアップの最適解" title="よくある3つのデザインから考える、マークアップの最適解" class="entry-image" /></a></p><p>Web制作においてHTMLのマークアップには絶対の正解というものがありません。ページを制作しているとき、特にセマンティクスを意識したとき「このマークアップで正しいのだろうか」と悩むことがあると思います。 そんなマークアップについて考えるイベント「MarkupCafe」がhtml5jマークアップ部の主催のもと開催されまし...</p><p><a href="https://b.hatena.ne.jp/entry/s/html5experts.jp/nakajmg/2502/"><img src="https://b.hatena.ne.jp/entry/image/https://html5experts.jp/nakajmg/2502/" alt="はてなブックマーク - よくある3つのデザインから考える、マークアップの最適解" title="はてなブックマーク - よくある3つのデザインから考える、マークアップの最適解" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/html5experts.jp/nakajmg/2502/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.infoq.com/jp/news/2013/08/google-gumbo-html5/ tanakaBox 2013-08-24T08:51:26Z HTML google 225 <blockquote cite="https://www.infoq.com/jp/news/2013/08/google-gumbo-html5/" title="GoogleがHTML5構文解析ライブラリGumboをオープンソース化"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.infoq.com%2Fjp%2Fnews%2F2013%2F08%2Fgoogle-gumbo-html5%2F" alt="" /> <a href="https://www.infoq.com/jp/news/2013/08/google-gumbo-html5/">GoogleがHTML5構文解析ライブラリGumboをオープンソース化</a></cite><p><a href="https://www.infoq.com/jp/news/2013/08/google-gumbo-html5/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ad969459972b13b724436c2e08130263d8c2ee1e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.infoq.com%2Fstatics_s1_20251118112246%2Fstyles%2Fstatic%2Fimages%2Flogo%2Flogo-big.jpg" alt="GoogleがHTML5構文解析ライブラリGumboをオープンソース化" title="GoogleがHTML5構文解析ライブラリGumboをオープンソース化" class="entry-image" /></a></p><p>あなたにとって重要なトピックや同僚の最新情報を入手しましょう最新の洞察とトレンドに関する最新情報を即座に受け取りましょう。 継続的な学習のために、無料のリソースに手軽にアクセスしましょうミニブック、トランスクリプト付き動画、およびトレーニング教材。 記事を保存して、いつでも読むことができます記事を...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.infoq.com/jp/news/2013/08/google-gumbo-html5/"><img src="https://b.hatena.ne.jp/entry/image/https://www.infoq.com/jp/news/2013/08/google-gumbo-html5/" alt="はてなブックマーク - GoogleがHTML5構文解析ライブラリGumboをオープンソース化" title="はてなブックマーク - GoogleがHTML5構文解析ライブラリGumboをオープンソース化" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.infoq.com/jp/news/2013/08/google-gumbo-html5/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://reference.hyper-text.org/ 期待。 tanakaBox 2013-07-07T13:12:03Z html 122 <blockquote cite="https://reference.hyper-text.org/" title="W3 Watch Reference"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Freference.hyper-text.org%2F" alt="" /> <a href="https://reference.hyper-text.org/">W3 Watch Reference</a></cite><p><a href="https://reference.hyper-text.org/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/df8546e837466257aa120becd9a90b2ad9c20a85/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Freference.hyper-text.org%2Fstatic%2Fimg%2Fogp-image.png" alt="W3 Watch Reference" title="W3 Watch Reference" class="entry-image" /></a></p><p>W3 Watch Reference は、Web クリエイターの方々向けに HTML （HTML Living Standard）、CSS のリファレンスを日本語で提供しています。各要素、セレクタ、プロパティの意味や、サンプルソースを掲載している他、それぞれを用途から逆引きできるようにもしてあります。 また、参考になりそうな外部リンクをページ下部に...</p><p><a href="https://b.hatena.ne.jp/entry/s/reference.hyper-text.org/"><img src="https://b.hatena.ne.jp/entry/image/https://reference.hyper-text.org/" alt="はてなブックマーク - W3 Watch Reference" title="はてなブックマーク - W3 Watch Reference" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/reference.hyper-text.org/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>