https://b.hatena.ne.jp/anoncom/HTML/ HTMLに関するanoncomのはてなブックマーク (97) https://webkit.org/blog/12209/introducing-the-dialog-element/ WebKit Safariでやっと<dialog>実装か anoncom 2022-02-08T04:12:50Z HTML Safari 17 <blockquote cite="https://webkit.org/blog/12209/introducing-the-dialog-element/" title="Introducing the Dialog Element"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwebkit.org%2Fblog%2F12209%2Fintroducing-the-dialog-element%2F" alt="" /> <a href="https://webkit.org/blog/12209/introducing-the-dialog-element/">Introducing the Dialog Element</a></cite><p><a href="https://webkit.org/blog/12209/introducing-the-dialog-element/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9429b5a3faac3ebe132c52afc71eed5ab7c5a524/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwebkit.org%2Fwp-content%2Fthemes%2Fwebkit%2Fimages%2Fpreview-card.jpg" alt="Introducing the Dialog Element" title="Introducing the Dialog Element" class="entry-image" /></a></p><p>Although the alert, confirm and prompt JavaScript methods are convenient, they aren’t recommended due to their script-blocking behavior. That’s why we worked with other browser vendors to drive improvements to the &lt;dialog&gt; specification over the last few years. The most important conversations in...</p><p><a href="https://b.hatena.ne.jp/entry/s/webkit.org/blog/12209/introducing-the-dialog-element/"><img src="https://b.hatena.ne.jp/entry/image/https://webkit.org/blog/12209/introducing-the-dialog-element/" alt="はてなブックマーク - Introducing the Dialog Element" title="はてなブックマーク - Introducing the Dialog Element" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/webkit.org/blog/12209/introducing-the-dialog-element/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://developer.hatenastaff.com/entry/2016/04/28/172005 anoncom 2020-11-28T14:00:53Z Unicode HTML 151 <blockquote cite="https://developer.hatenastaff.com/entry/2016/04/28/172005" title="HTMLのpattern属性とJavaScript正規表現のunicodeオプション - Hatena Developer Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdeveloper.hatenastaff.com%2Fentry%2F2016%2F04%2F28%2F172005" alt="" /> <a href="https://developer.hatenastaff.com/entry/2016/04/28/172005">HTMLのpattern属性とJavaScript正規表現のunicodeオプション - Hatena Developer Blog</a></cite><p><a href="https://developer.hatenastaff.com/entry/2016/04/28/172005"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fedb055f4aa5b3c2d1cc0a5d2bdd06d48aff0777/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F162e9edbf06cb955cfd542e9dc4e3f05609428f5%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fn%252Fnanto_vi%252F20160428%252F20160428155855.png" alt="HTMLのpattern属性とJavaScript正規表現のunicodeオプション - Hatena Developer Blog" title="HTMLのpattern属性とJavaScript正規表現のunicodeオプション - Hatena Developer Blog" class="entry-image" /></a></p><p>こんにちは、Webアプリケーションエンジニアのid:nanto_viです。みなさんHTMLのフォーム検証機能は使っていますか? 近年は各Webブラウザの対応も進み、お手軽にフォームの利便性を高められるようになっています。 そんなフォーム検証機能のひとつがinput要素のpattern属性です。pattern属性の値にJavaScriptの正規表現パ...</p><p><a href="https://b.hatena.ne.jp/entry/s/developer.hatenastaff.com/entry/2016/04/28/172005"><img src="https://b.hatena.ne.jp/entry/image/https://developer.hatenastaff.com/entry/2016/04/28/172005" alt="はてなブックマーク - HTMLのpattern属性とJavaScript正規表現のunicodeオプション - Hatena Developer Blog" title="はてなブックマーク - HTMLのpattern属性とJavaScript正規表現のunicodeオプション - Hatena Developer Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/developer.hatenastaff.com/entry/2016/04/28/172005"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://codepen.io/mattwillcreative/pen/ExxMxQK 笑った anoncom 2019-12-03T08:20:04Z ネタ HTML 1 <blockquote cite="https://codepen.io/mattwillcreative/pen/ExxMxQK" title="Vertical Slider"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcodepen.io%2Fmattwillcreative%2Fpen%2FExxMxQK" alt="" /> <a href="https://codepen.io/mattwillcreative/pen/ExxMxQK">Vertical Slider</a></cite><p><a href="https://codepen.io/mattwillcreative/pen/ExxMxQK"><img src="" alt="Vertical Slider" title="Vertical Slider" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/codepen.io/mattwillcreative/pen/ExxMxQK"><img src="https://b.hatena.ne.jp/entry/image/https://codepen.io/mattwillcreative/pen/ExxMxQK" alt="はてなブックマーク - Vertical Slider" title="はてなブックマーク - Vertical Slider" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/codepen.io/mattwillcreative/pen/ExxMxQK"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.codecks.io/blog/2019/creating-a-hit-steam-game-in-html5/ anoncom 2019-11-20T08:51:48Z HTML ゲーム 開発 2 <blockquote cite="https://www.codecks.io/blog/2019/creating-a-hit-steam-game-in-html5/" title="Ultimate list of all tools we used to create a hit HTML5 game on Steam — Codecks"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.codecks.io%2Fblog%2F2019%2Fcreating-a-hit-steam-game-in-html5%2F" alt="" /> <a href="https://www.codecks.io/blog/2019/creating-a-hit-steam-game-in-html5/">Ultimate list of all tools we used to create a hit HTML5 game on Steam — Codecks</a></cite><p><a href="https://www.codecks.io/blog/2019/creating-a-hit-steam-game-in-html5/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1bbe553a8b81ac15b9bbb1e2acb402bc16e38127/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.codecks.io%2F_astro%2Fvisual_studio_code.D_DOkkKb.png" alt="Ultimate list of all tools we used to create a hit HTML5 game on Steam — Codecks" title="Ultimate list of all tools we used to create a hit HTML5 game on Steam — Codecks" class="entry-image" /></a></p><p>Riad is the product manager of Codecks. He is also the co-founder of indie games company Maschinen-Mensch and still believes that Street Fighter 2 is the most beautiful video game ever created. Coincidentally he also believes that Codecks is the best project management tool for game developers. A...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.codecks.io/blog/2019/creating-a-hit-steam-game-in-html5/"><img src="https://b.hatena.ne.jp/entry/image/https://www.codecks.io/blog/2019/creating-a-hit-steam-game-in-html5/" alt="はてなブックマーク - Ultimate list of all tools we used to create a hit HTML5 game on Steam — Codecks" title="はてなブックマーク - Ultimate list of all tools we used to create a hit HTML5 game on Steam — Codecks" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.codecks.io/blog/2019/creating-a-hit-steam-game-in-html5/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://techblog.yahoo.co.jp/entry/20191118780830/ anoncom 2019-11-19T09:04:36Z HTML 132 <blockquote cite="https://techblog.yahoo.co.jp/entry/20191118780830/" title="新しいHTMLタグportal、Portals機能で変わるWebの遷移体験！　CDS2019で紹介されたヤフーの実装例 #UIUX"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftechblog.yahoo.co.jp%2Fentry%2F20191118780830%2F" alt="" /> <a href="https://techblog.yahoo.co.jp/entry/20191118780830/">新しいHTMLタグportal、Portals機能で変わるWebの遷移体験！　CDS2019で紹介されたヤフーの実装例 #UIUX</a></cite><p><a href="https://techblog.yahoo.co.jp/entry/20191118780830/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4f623eda48e0e66bee37ed47d1eb9a6ccd44f1c1/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fs.yimg.jp%2Fimages%2Ftecblog%2F2019-H2%2Fportals%2Fogp.jpg" alt="新しいHTMLタグportal、Portals機能で変わるWebの遷移体験！　CDS2019で紹介されたヤフーの実装例 #UIUX" title="新しいHTMLタグportal、Portals機能で変わるWebの遷移体験！　CDS2019で紹介されたヤフーの実装例 #UIUX" class="entry-image" /></a></p><p>ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。PayPayモールのエンジニア関と、Yahoo!ニュースのデザイナー萩野です。 皆様、突然ですがPortalsをご存じでしょうか。 Portalsとは、新しいHTML要素です。2019年11...</p><p><a href="https://b.hatena.ne.jp/entry/s/techblog.yahoo.co.jp/entry/20191118780830/"><img src="https://b.hatena.ne.jp/entry/image/https://techblog.yahoo.co.jp/entry/20191118780830/" alt="はてなブックマーク - 新しいHTMLタグportal、Portals機能で変わるWebの遷移体験！　CDS2019で紹介されたヤフーの実装例 #UIUX" title="はてなブックマーク - 新しいHTMLタグportal、Portals機能で変わるWebの遷移体験！　CDS2019で紹介されたヤフーの実装例 #UIUX" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/techblog.yahoo.co.jp/entry/20191118780830/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://htmlhead.dev/ anoncom 2019-10-02T05:02:04Z HTML 34 <blockquote cite="https://htmlhead.dev/" title="🤯 HEAD - A simple guide to HTML &lt;head&gt; elements"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhtmlhead.dev%2F" alt="" /> <a href="https://htmlhead.dev/">🤯 HEAD - A simple guide to HTML &lt;head&gt; elements</a></cite><p><a href="https://htmlhead.dev/"><img src="" alt="🤯 HEAD - A simple guide to HTML &lt;head&gt; elements" title="🤯 HEAD - A simple guide to HTML &lt;head&gt; elements" class="entry-image" /></a></p><p>🤯 HEAD A simple guide to HTML &lt;head&gt; elements Table of Contents Recommended Minimum Elements Recommended Order Meta Link Scripts Icons Social Open Graph Schema.org Google JSON-LD Schema Pinterest OEmbed QQ/Wechat Dublin Core Fediverse Browsers / Platforms Apple iOS Google Android Google Chrome B...</p><p><a href="https://b.hatena.ne.jp/entry/s/htmlhead.dev/"><img src="https://b.hatena.ne.jp/entry/image/https://htmlhead.dev/" alt="はてなブックマーク - 🤯 HEAD - A simple guide to HTML &lt;head&gt; elements" title="はてなブックマーク - 🤯 HEAD - A simple guide to HTML &lt;head&gt; elements" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/htmlhead.dev/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://yoru9zine.hatenablog.com/entry/2017/03/17/230729 window.opener 知らなかった。 anoncom 2019-02-04T01:35:54Z セキュリティ HTML 1119 <blockquote cite="https://yoru9zine.hatenablog.com/entry/2017/03/17/230729" title="リンクを作る時の target=&quot;_blank&quot; の危険性 - 隙あらば寝る"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fyoru9zine.hatenablog.com%2Fentry%2F2017%2F03%2F17%2F230729" alt="" /> <a href="https://yoru9zine.hatenablog.com/entry/2017/03/17/230729">リンクを作る時の target=&quot;_blank&quot; の危険性 - 隙あらば寝る</a></cite><p><a href="https://yoru9zine.hatenablog.com/entry/2017/03/17/230729"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5a9854119f27330353b7214e8cfefbb5db0747b1/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F0f695079db02bcc20a0d8bd25c465731a738ada2%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fy%252Fyoru9zine%252F20170317%252F20170317225519.png" alt="リンクを作る時の target=&quot;_blank&quot; の危険性 - 隙あらば寝る" title="リンクを作る時の target=&quot;_blank&quot; の危険性 - 隙あらば寝る" class="entry-image" /></a></p><p>html で リンクを新しいタブ(やウィンドウ)で開かせたい場合、target=&quot;_blank&quot; を指定するが、 この使い方には落とし穴があるらしい。 www.jitbit.com リンクを開いた先の javascript から、開いた元のページを操作できてしまうとのこと。 気になったので確認してみた。 悪用のパターン insecure.html が最初に開くペー...</p><p><a href="https://b.hatena.ne.jp/entry/s/yoru9zine.hatenablog.com/entry/2017/03/17/230729"><img src="https://b.hatena.ne.jp/entry/image/https://yoru9zine.hatenablog.com/entry/2017/03/17/230729" alt="はてなブックマーク - リンクを作る時の target=&quot;_blank&quot; の危険性 - 隙あらば寝る" title="はてなブックマーク - リンクを作る時の target=&quot;_blank&quot; の危険性 - 隙あらば寝る" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/yoru9zine.hatenablog.com/entry/2017/03/17/230729"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.publickey1.jp/blog/17/w3chtml_52html_53.html anoncom 2017-12-15T02:41:53Z HTML 216 <blockquote cite="https://www.publickey1.jp/blog/17/w3chtml_52html_53.html" title="W3C、「HTML 5.2」勧告。同時にHTML 5.3のファーストドラフトを公開"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F17%2Fw3chtml_52html_53.html" alt="" /> <a href="https://www.publickey1.jp/blog/17/w3chtml_52html_53.html">W3C、「HTML 5.2」勧告。同時にHTML 5.3のファーストドラフトを公開</a></cite><p><a href="https://www.publickey1.jp/blog/17/w3chtml_52html_53.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/21809c947f80dabcc7d227b79d40653181e46c4e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.publickey1.jp%2F2017%2Fhtml5201.gif" alt="W3C、「HTML 5.2」勧告。同時にHTML 5.3のファーストドラフトを公開" title="W3C、「HTML 5.2」勧告。同時にHTML 5.3のファーストドラフトを公開" class="entry-image" /></a></p><p>Web技術の標準化団体であるW3Cは、HTML 5のマイナーバージョンアップである「HTML 5.2」の策定を完了し、勧告としました。 HTML 5.2ではいくつかの機能追加、削除、バグフィクスなどが行われています。 機能追加の例では、ダイアログボックスを表示する＜dialog＞要素が追加されました。下記は＜dialog＞要素を用いたサ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/17/w3chtml_52html_53.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/17/w3chtml_52html_53.html" alt="はてなブックマーク - W3C、「HTML 5.2」勧告。同時にHTML 5.3のファーストドラフトを公開" title="はてなブックマーク - W3C、「HTML 5.2」勧告。同時にHTML 5.3のファーストドラフトを公開" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/17/w3chtml_52html_53.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://html5experts.jp/shumpei-shiraishi/24538/ anoncom 2017-11-06T03:57:50Z Switch ゲーム HTML 979 <blockquote cite="https://html5experts.jp/shumpei-shiraishi/24538/" title="Nintendo Switchの中ではReactが動いてる！Nintendo eShop開発秘話を聞いてきた"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhtml5experts.jp%2Fshumpei-shiraishi%2F24538%2F" alt="" /> <a href="https://html5experts.jp/shumpei-shiraishi/24538/">Nintendo Switchの中ではReactが動いてる！Nintendo eShop開発秘話を聞いてきた</a></cite><p><a href="https://html5experts.jp/shumpei-shiraishi/24538/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/cfff3c228b627cc3fe54ae454d01da68cc6b0d4f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fhtml5experts.jp%2Fwp-content%2Fuploads%2F2017%2F10%2Fspeakers.jpg" alt="Nintendo Switchの中ではReactが動いてる！Nintendo eShop開発秘話を聞いてきた" title="Nintendo Switchの中ではReactが動いてる！Nintendo eShop開発秘話を聞いてきた" class="entry-image" /></a></p><p>Nintendo Switchの中ではReactが動いてる！Nintendo eShop開発秘話を聞いてきた 白石 俊平（HTML5 Experts.jp編集長） こんにちは、編集長の白石です。 この記事は、9月24日に開催されたHTML5 Conference 2017に登壇したエキスパートに、お話されたセッションのトピックを中心に語っていただこうとういものです。セッシ...</p><p><a href="https://b.hatena.ne.jp/entry/s/html5experts.jp/shumpei-shiraishi/24538/"><img src="https://b.hatena.ne.jp/entry/image/https://html5experts.jp/shumpei-shiraishi/24538/" alt="はてなブックマーク - Nintendo Switchの中ではReactが動いてる！Nintendo eShop開発秘話を聞いてきた" title="はてなブックマーク - Nintendo Switchの中ではReactが動いてる！Nintendo eShop開発秘話を聞いてきた" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/html5experts.jp/shumpei-shiraishi/24538/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://momdo.github.io/html/ anoncom 2016-03-02T09:08:05Z HTML 225 <blockquote cite="https://momdo.github.io/html/" title="HTML Standard 日本語訳"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmomdo.github.io%2Fhtml%2F" alt="" /> <a href="https://momdo.github.io/html/">HTML Standard 日本語訳</a></cite><p><a href="https://momdo.github.io/html/"><img src="" alt="HTML Standard 日本語訳" title="HTML Standard 日本語訳" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/momdo.github.io/html/"><img src="https://b.hatena.ne.jp/entry/image/https://momdo.github.io/html/" alt="はてなブックマーク - HTML Standard 日本語訳" title="はてなブックマーク - HTML Standard 日本語訳" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/momdo.github.io/html/"><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/freebies-templates-for-responsive-2015-sep.html anoncom 2015-09-11T06:24:06Z テンプレート HTML デザイン 278 <blockquote cite="https://coliss.com/articles/build-websites/operation/work/freebies-templates-for-responsive-2015-sep.html" title="商用無料でしかも高品質！レスポンシブ対応の美しくデザインされたHTML5/CSS3のテンプレートのまとめ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fwork%2Ffreebies-templates-for-responsive-2015-sep.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/work/freebies-templates-for-responsive-2015-sep.html">商用無料でしかも高品質！レスポンシブ対応の美しくデザインされたHTML5/CSS3のテンプレートのまとめ</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/work/freebies-templates-for-responsive-2015-sep.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fbffdb0826bf6936dc2910889415e97695aaf736/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015091106.png" alt="商用無料でしかも高品質！レスポンシブ対応の美しくデザインされたHTML5/CSS3のテンプレートのまとめ" title="商用無料でしかも高品質！レスポンシブ対応の美しくデザインされたHTML5/CSS3のテンプレートのまとめ" class="entry-image" /></a></p><p>今時の繊細でかっこいいエフェクトを備え、美しくデザインされたレスポンシブ対応のランディングページ、プロダクトページ、縦長ページ、ポートフォリオ、ブログなど、HTML5/CSS3で作成された商用利用無料のテンプレートを紹介します。 最近のデザインやインタラクションの勉強にもいいですね。</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/freebies-templates-for-responsive-2015-sep.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/work/freebies-templates-for-responsive-2015-sep.html" alt="はてなブックマーク - 商用無料でしかも高品質！レスポンシブ対応の美しくデザインされたHTML5/CSS3のテンプレートのまとめ" title="はてなブックマーク - 商用無料でしかも高品質！レスポンシブ対応の美しくデザインされたHTML5/CSS3のテンプレートのまとめ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/freebies-templates-for-responsive-2015-sep.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://blog.fenrir-inc.com/jp/2011/06/post_51.html anoncom 2015-05-07T11:16:01Z HTML ネタ 111 <blockquote cite="https://blog.fenrir-inc.com/jp/2011/06/post_51.html" title="＆nbsp; は半角スペースではないというお話 (フェンリル | デベロッパーズブログ)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.fenrir-inc.com%2Fjp%2F2011%2F06%2Fpost_51.html" alt="" /> <a href="https://blog.fenrir-inc.com/jp/2011/06/post_51.html">＆nbsp; は半角スペースではないというお話 (フェンリル | デベロッパーズブログ)</a></cite><p><a href="https://blog.fenrir-inc.com/jp/2011/06/post_51.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/eaf1604e117d08ac80849572944a2748173dfc93/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.fenrir-inc.com%2Fwp%2Fwp-content%2Fthemes%2Ffenrir_dev%2Fimg%2Fcommon%2Fogp_dev_engineer.png" alt="＆nbsp; は半角スペースではないというお話 (フェンリル | デベロッパーズブログ)" title="＆nbsp; は半角スペースではないというお話 (フェンリル | デベロッパーズブログ)" class="entry-image" /></a></p><p>いかがでしょう？　WEBブラウザにもよりますが、結構実際の見た目も違うように思います。 で、冒頭の「半角スペースと &amp;nbsp;」の件ですが、ちゃんと意識しておかないと「あれ？」と思うことがあります。 「&amp;nbsp; を半角スペース (0x20) に置き換える」プログラムがあるように、「&amp;nbsp; を半角スペースに置き換えず、n...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.fenrir-inc.com/jp/2011/06/post_51.html"><img src="https://b.hatena.ne.jp/entry/image/https://blog.fenrir-inc.com/jp/2011/06/post_51.html" alt="はてなブックマーク - ＆nbsp; は半角スペースではないというお話 (フェンリル | デベロッパーズブログ)" title="はてなブックマーク - ＆nbsp; は半角スペースではないというお話 (フェンリル | デベロッパーズブログ)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.fenrir-inc.com/jp/2011/06/post_51.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://mtnmath.com/jadsdsengine.html anoncom 2015-05-02T07:20:45Z HTML ゲーム 25 <blockquote cite="http://mtnmath.com/jadsdsengine.html" title="Jadsds Engine"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fmtnmath.com%2Fjadsdsengine.html" alt="" /> <a href="http://mtnmath.com/jadsdsengine.html">Jadsds Engine</a></cite><p><a href="http://mtnmath.com/jadsdsengine.html"><img src="" alt="Jadsds Engine" title="Jadsds Engine" class="entry-image" /></a></p><p>The JADSDS engine was a user-friendly, tag-based JavaScript animator designed to simplify web projects by harnessing the power of HTML5. Animations are created using intuitive and easy-to-remember tags. You don&#39;t have to be a programmer; basic knowledge of HTML and JavaScript is sufficient to cra...</p><p><a href="https://b.hatena.ne.jp/entry/mtnmath.com/jadsdsengine.html"><img src="https://b.hatena.ne.jp/entry/image/http://mtnmath.com/jadsdsengine.html" alt="はてなブックマーク - Jadsds Engine" title="はてなブックマーク - Jadsds Engine" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/mtnmath.com/jadsdsengine.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://photoshopvip.net/archives/72866 anoncom 2015-01-29T05:25:26Z テンプレート HTML web制作 375 <blockquote cite="http://photoshopvip.net/archives/72866" title="ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fphotoshopvip.net%2Farchives%2F72866" alt="" /> <a href="http://photoshopvip.net/archives/72866">ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP</a></cite><p><a href="http://photoshopvip.net/archives/72866"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2210b359fbeed34dd08a1da7934fc0f182fa162c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ff1zxujx2.user.webaccel.jp%2Fwp-content%2Fuploads%2F2015%2F01%2Fboxify-top1.jpg" alt="ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP" title="ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP" class="entry-image" /></a></p><p>『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。</p><p><a href="https://b.hatena.ne.jp/entry/photoshopvip.net/archives/72866"><img src="https://b.hatena.ne.jp/entry/image/http://photoshopvip.net/archives/72866" alt="はてなブックマーク - ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP" title="はてなブックマーク - ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/photoshopvip.net/archives/72866"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.publickey1.jp/blog/14/html5w3c_2.html ようやく。それでもスマートフォンブラウザの対応なども相まって、割とスムーズに浸透してきてた印象。 anoncom 2014-10-29T01:11:21Z web制作 HTML 522 <blockquote cite="https://www.publickey1.jp/blog/14/html5w3c_2.html" title="［速報］HTML5、ついにW3Cの勧告となる"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F14%2Fhtml5w3c_2.html" alt="" /> <a href="https://www.publickey1.jp/blog/14/html5w3c_2.html">［速報］HTML5、ついにW3Cの勧告となる</a></cite><p><a href="https://www.publickey1.jp/blog/14/html5w3c_2.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、ついにW3Cの勧告となる" title="［速報］HTML5、ついにW3Cの勧告となる" class="entry-image" /></a></p><p>W3Cが発表したプレスリリース（日本語）の冒頭を引用します。 2014年10月28日(アメリカ)： ワールド・ワイド・ウェブ・コンソーシアム(W3C)は、ウェブページやウェブアプリケーションを構築する際に使用されるフォーマットHTMLの第5版であるHTML5を勧告として公開し、オープン・ウェブ・プラットフォームの礎を築きまし...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/14/html5w3c_2.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.publickey1.jp/blog/14/html5w3c_2.html" alt="はてなブックマーク - ［速報］HTML5、ついにW3Cの勧告となる" title="はてなブックマーク - ［速報］HTML5、ついにW3Cの勧告となる" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/14/html5w3c_2.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://gigazine.net/news/20140527-origin-of-blink-tag/ anoncom 2014-05-27T03:12:12Z HTML ネタ 雑学 370 <blockquote cite="https://gigazine.net/news/20140527-origin-of-blink-tag/" title="「blinkタグ」の開発者が明かすテキスト点滅タグが生まれた知られざる理由とは？"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgigazine.net%2Fnews%2F20140527-origin-of-blink-tag%2F" alt="" /> <a href="https://gigazine.net/news/20140527-origin-of-blink-tag/">「blinkタグ」の開発者が明かすテキスト点滅タグが生まれた知られざる理由とは？</a></cite><p><a href="https://gigazine.net/news/20140527-origin-of-blink-tag/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/44da44f1c558a584e31a51001f3c3610dfe6e7e8/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2014%2F05%2F27%2Forigin-of-blink-tag%2Ftop_m.jpg" alt="「blinkタグ」の開発者が明かすテキスト点滅タグが生まれた知られざる理由とは？" title="「blinkタグ」の開発者が明かすテキスト点滅タグが生まれた知られざる理由とは？" class="entry-image" /></a></p><p>By Steven Martin 「blinkタグ」とはテキストを点滅させる効果を持つHTMLコマンドの1つで、多くの人々に最も嫌われるタグの1つとして知られています。Netscape Navigator 2.0に独自に実装されていたものですが、IEはもともとサポートしておらず、2013年にFifefoxがblinkタグのサポート廃止したこともあり、近頃は見かけ...</p><p><a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20140527-origin-of-blink-tag/"><img src="https://b.hatena.ne.jp/entry/image/https://gigazine.net/news/20140527-origin-of-blink-tag/" alt="はてなブックマーク - 「blinkタグ」の開発者が明かすテキスト点滅タグが生まれた知られざる理由とは？" title="はてなブックマーク - 「blinkタグ」の開発者が明かすテキスト点滅タグが生まれた知られざる理由とは？" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20140527-origin-of-blink-tag/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.nxworld.net/css-only-caption-effect.html anoncom 2014-05-20T03:49:05Z Web制作 webデザイン CSS3 HTML 624 <blockquote cite="https://www.nxworld.net/css-only-caption-effect.html" title="CSSのみで実装するキャプションエフェクト 20 - NxWorld"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.nxworld.net%2Fcss-only-caption-effect.html" alt="" /> <a href="https://www.nxworld.net/css-only-caption-effect.html">CSSのみで実装するキャプションエフェクト 20 - NxWorld</a></cite><p><a href="https://www.nxworld.net/css-only-caption-effect.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c39f56a479df931ebe31f1d74e142f02a9ac2c13/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.nxworld.net%2Fthumbnail%2Fcss-only-caption-effect.png" alt="CSSのみで実装するキャプションエフェクト 20 - NxWorld" title="CSSのみで実装するキャプションエフェクト 20 - NxWorld" class="entry-image" /></a></p><p>自分用にひと通りの動きを一覧化したものが欲しかったので備忘録です。 画像ホバー時にエフェクト付きでキャプションを表示させる動きをCSSのみで実装する方法です。 キャプションとはしていますが、例えばブログであればリンク付きのアイキャッチに実装してマウスオーバー時に「もっと見る」のような文言を表示させたり...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.nxworld.net/css-only-caption-effect.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.nxworld.net/css-only-caption-effect.html" alt="はてなブックマーク - CSSのみで実装するキャプションエフェクト 20 - NxWorld" title="はてなブックマーク - CSSのみで実装するキャプションエフェクト 20 - NxWorld" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.nxworld.net/css-only-caption-effect.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://html.spec.whatwg.org/multipage/syntax.html 見慣れないだけかも知れないけどすごく気持ち悪い anoncom 2014-05-01T02:23:15Z HTML 40 <blockquote cite="https://html.spec.whatwg.org/multipage/syntax.html" title="HTML Standard"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhtml.spec.whatwg.org%2Fmultipage%2Fsyntax.html" alt="" /> <a href="https://html.spec.whatwg.org/multipage/syntax.html">HTML Standard</a></cite><p><a href="https://html.spec.whatwg.org/multipage/syntax.html"><img src="" alt="HTML Standard" title="HTML Standard" class="entry-image" /></a></p><p>13 The HTML syntax13.1 Writing HTML documents13.1.1 The DOCTYPE13.1.2 Elements13.1.2.1 Start tags13.1.2.2 End tags13.1.2.3 Attributes13.1.2.4 Optional tags13.1.2.5 Restrictions on content models13.1.2.6 Restrictions on the contents of raw text and escapable raw text elements13.1.3 Text13.1.3.1 Ne...</p><p><a href="https://b.hatena.ne.jp/entry/s/html.spec.whatwg.org/multipage/syntax.html"><img src="https://b.hatena.ne.jp/entry/image/https://html.spec.whatwg.org/multipage/syntax.html" alt="はてなブックマーク - HTML Standard" title="はてなブックマーク - HTML Standard" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/html.spec.whatwg.org/multipage/syntax.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://jxck.hatenablog.com/entry/why-form-dosent-support-put-delete anoncom 2014-03-29T03:20:31Z HTML Web 464 <blockquote cite="https://jxck.hatenablog.com/entry/why-form-dosent-support-put-delete" title="なぜ html の form は PUT / DELETE をサポートしないのか？ - Block Rockin’ Codes"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fjxck.hatenablog.com%2Fentry%2Fwhy-form-dosent-support-put-delete" alt="" /> <a href="https://jxck.hatenablog.com/entry/why-form-dosent-support-put-delete">なぜ html の form は PUT / DELETE をサポートしないのか？ - Block Rockin’ Codes</a></cite><p><a href="https://jxck.hatenablog.com/entry/why-form-dosent-support-put-delete"><img src="" alt="なぜ html の form は PUT / DELETE をサポートしないのか？ - Block Rockin’ Codes" title="なぜ html の form は PUT / DELETE をサポートしないのか？ - Block Rockin’ Codes" class="entry-image" /></a></p><p>注意 内容については一切保証しません。 ここでは、主に W3C ML での議論や各種仕様などに基づいて書いています。 ここに書かれていることが正しいかどうかは、自身で判断して下さい。 事実としておかしいところなどは、コメントでどんどん指摘して下さい。遠慮はいりません。 ただし、このエントリでは「form が PUT/DE...</p><p><a href="https://b.hatena.ne.jp/entry/s/jxck.hatenablog.com/entry/why-form-dosent-support-put-delete"><img src="https://b.hatena.ne.jp/entry/image/https://jxck.hatenablog.com/entry/why-form-dosent-support-put-delete" alt="はてなブックマーク - なぜ html の form は PUT / DELETE をサポートしないのか？ - Block Rockin’ Codes" title="はてなブックマーク - なぜ html の form は PUT / DELETE をサポートしないのか？ - Block Rockin’ Codes" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/jxck.hatenablog.com/entry/why-form-dosent-support-put-delete"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://posfie.com/@Jxck_/p/WNnI0nd anoncom 2014-03-25T04:06:34Z HTML 仕様 http 234 <blockquote cite="https://posfie.com/@Jxck_/p/WNnI0nd" title="なぜ html の form は PUT / DELETE をサポートしないのか？"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fposfie.com%2F%40Jxck_%2Fp%2FWNnI0nd" alt="" /> <a href="https://posfie.com/@Jxck_/p/WNnI0nd">なぜ html の form は PUT / DELETE をサポートしないのか？</a></cite><p><a href="https://posfie.com/@Jxck_/p/WNnI0nd"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d189b24ea7184de835002d715c1c3fcc9d4c4d48/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fs.tgstc.com%2Fogp3%2F9c07559f8b0232fd3db2e7725305b6d0-1200x630.jpeg" alt="なぜ html の form は PUT / DELETE をサポートしないのか？" title="なぜ html の form は PUT / DELETE をサポートしないのか？" class="entry-image" /></a></p><p>なんで html の from は PUT / DELETE ができないのか、「セキュリティ的理由」とか「歴史的経緯」とか、わかったような分からないような説明はよく聞くけど、実際なんでなのか調べてたら色々教えてもらった話。 ここまでわかったことを blog にまとめました。 / “なぜ html の form は PUT / DELETE をサポートしないの...</p><p><a href="https://b.hatena.ne.jp/entry/s/posfie.com/@Jxck_/p/WNnI0nd"><img src="https://b.hatena.ne.jp/entry/image/https://posfie.com/@Jxck_/p/WNnI0nd" alt="はてなブックマーク - なぜ html の form は PUT / DELETE をサポートしないのか？" title="はてなブックマーク - なぜ html の form は PUT / DELETE をサポートしないのか？" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/posfie.com/@Jxck_/p/WNnI0nd"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>