https://b.hatena.ne.jp/braitom/HTML/ HTMLに関するbraitomのはてなブックマーク (73) https://future-architect.github.io/articles/20210621a/ braitom 2021-06-25T14:29:35Z html html5 1890 <blockquote cite="https://future-architect.github.io/articles/20210621a/" title="どうしてHTML5が廃止されたのか | フューチャー技術ブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ffuture-architect.github.io%2Farticles%2F20210621a%2F" alt="" /> <a href="https://future-architect.github.io/articles/20210621a/">どうしてHTML5が廃止されたのか | フューチャー技術ブログ</a></cite><p><a href="https://future-architect.github.io/articles/20210621a/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/326a40fc5244d7989d03af0612ecff90c9175438/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ffuture-architect.github.io%2Fimages%2F2021%2F20210621a%2Fhtml5_tombstone.png" alt="どうしてHTML5が廃止されたのか | フューチャー技術ブログ" title="どうしてHTML5が廃止されたのか | フューチャー技術ブログ" class="entry-image" /></a></p><p>フロントエンド連載の5記事目です。 HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては「何をいまさら」という話題かと思います。 しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5...</p><p><a href="https://b.hatena.ne.jp/entry/s/future-architect.github.io/articles/20210621a/"><img src="https://b.hatena.ne.jp/entry/image/https://future-architect.github.io/articles/20210621a/" alt="はてなブックマーク - どうしてHTML5が廃止されたのか | フューチャー技術ブログ" title="はてなブックマーク - どうしてHTML5が廃止されたのか | フューチャー技術ブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/future-architect.github.io/articles/20210621a/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://developer.mozilla.org/en-US/docs/Web/API/HTML_Sanitizer_API HTML Sanitizer API。欲しいなこれ。 braitom 2021-05-07T15:01:23Z html 38 <blockquote cite="https://developer.mozilla.org/en-US/docs/Web/API/HTML_Sanitizer_API" title="HTML Sanitizer API - Web APIs | MDN"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FAPI%2FHTML_Sanitizer_API" alt="" /> <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTML_Sanitizer_API">HTML Sanitizer API - Web APIs | MDN</a></cite><p><a href="https://developer.mozilla.org/en-US/docs/Web/API/HTML_Sanitizer_API"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6925f3027ccdf11d2df3be9f81152445fd83cfa6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fdeveloper.mozilla.org%2Fmdn-social-share.cd6c4a5a.png" alt="HTML Sanitizer API - Web APIs | MDN" title="HTML Sanitizer API - Web APIs | MDN" class="entry-image" /></a></p><p>The HTML Sanitizer API allows developers to take strings of HTML and filter out unwanted elements, attributes, and other HTML entities when they are inserted into the DOM or a shadow DOM. Concepts and usage Web applications often need to work with untrusted HTML on the client side, for example, a...</p><p><a href="https://b.hatena.ne.jp/entry/s/developer.mozilla.org/en-US/docs/Web/API/HTML_Sanitizer_API"><img src="https://b.hatena.ne.jp/entry/image/https://developer.mozilla.org/en-US/docs/Web/API/HTML_Sanitizer_API" alt="はてなブックマーク - HTML Sanitizer API - Web APIs | MDN" title="はてなブックマーク - HTML Sanitizer API - Web APIs | MDN" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/developer.mozilla.org/en-US/docs/Web/API/HTML_Sanitizer_API"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://markodenic.com/html-tips/ braitom 2021-05-07T14:33:04Z html 75 <blockquote cite="https://markodenic.com/html-tips/" title="HTML Tips"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmarkodenic.com%2Fhtml-tips%2F" alt="" /> <a href="https://markodenic.com/html-tips/">HTML Tips</a></cite><p><a href="https://markodenic.com/html-tips/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/46a8fe37c7a8e127c225e969ce6bd40d42b228f7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fmarkodenic.com%2Fwp-content%2Fuploads%2F2020%2F04%2Fhtml-1-e1613893702690.png" alt="HTML Tips" title="HTML Tips" class="entry-image" /></a></p><p>In this article, I will share with you some very useful HTML tips. Enjoy! * Post will be updated regularly with new tips! But first, what is HTML? Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by techno...</p><p><a href="https://b.hatena.ne.jp/entry/s/markodenic.com/html-tips/"><img src="https://b.hatena.ne.jp/entry/image/https://markodenic.com/html-tips/" alt="はてなブックマーク - HTML Tips" title="はてなブックマーク - HTML Tips" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/markodenic.com/html-tips/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.matuzo.at/blog/html-boilerplate/ braitom 2021-04-29T02:21:48Z html 45 <blockquote cite="https://www.matuzo.at/blog/html-boilerplate/" title="My current HTML boilerplate - Manuel Matuzovic"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.matuzo.at%2Fblog%2Fhtml-boilerplate%2F" alt="" /> <a href="https://www.matuzo.at/blog/html-boilerplate/">My current HTML boilerplate - Manuel Matuzovic</a></cite><p><a href="https://www.matuzo.at/blog/html-boilerplate/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d38064e6cca05ebb88101291f9c30b4ceb1d42ec/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fres.cloudinary.com%2Fdp3mem7or%2Fimage%2Fupload%2Fw_1200%2Farticles%2Fsm_boilerplate.png%3Fs%3D213" alt="My current HTML boilerplate - Manuel Matuzovic" title="My current HTML boilerplate - Manuel Matuzovic" class="entry-image" /></a></p><p>My current HTML boilerplate posted on 09.04.2021 Every element I use for the basic structure of a HTML document, with explanations why. Traducción a Español by www.ibidemgroup.com. Usually when I start a new project, I either copy the HTML structure of the last site I built or I head over to HTML...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.matuzo.at/blog/html-boilerplate/"><img src="https://b.hatena.ne.jp/entry/image/https://www.matuzo.at/blog/html-boilerplate/" alt="はてなブックマーク - My current HTML boilerplate - Manuel Matuzovic" title="はてなブックマーク - My current HTML boilerplate - Manuel Matuzovic" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.matuzo.at/blog/html-boilerplate/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://pdf.math.dev/ HTMLとCSSでPDFっぽいコンテンツを作れるライブラリ。 braitom 2021-04-05T13:27:29Z html css PDF 46 <blockquote cite="https://pdf.math.dev/" title="Beautiful PDFs from HTML"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpdf.math.dev%2F" alt="" /> <a href="https://pdf.math.dev/">Beautiful PDFs from HTML</a></cite><p><a href="https://pdf.math.dev/"><img src="" alt="Beautiful PDFs from HTML" title="Beautiful PDFs from HTML" class="entry-image" /></a></p><p>Foreword HTML and CSS are beautiful languages and one of the landmark achievements of collaboration and the open web. Together, they allow you to create beautifully typeset digital content that can be viewed on any device, without any special software or paid licenses. The web however was develop...</p><p><a href="https://b.hatena.ne.jp/entry/s/pdf.math.dev/"><img src="https://b.hatena.ne.jp/entry/image/https://pdf.math.dev/" alt="はてなブックマーク - Beautiful PDFs from HTML" title="はてなブックマーク - Beautiful PDFs from HTML" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/pdf.math.dev/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://mailstudio.app/ レスポンシブなHTMLメール作成アプリ。 braitom 2021-04-01T15:07:33Z emali html 45 <blockquote cite="https://mailstudio.app/" title="Mail Studio - Powerful Email Design Tool"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmailstudio.app%2F" alt="" /> <a href="https://mailstudio.app/">Mail Studio - Powerful Email Design Tool</a></cite><p><a href="https://mailstudio.app/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c7ca441b83e3b9676980641cd999f8c1fd705421/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fmailstudio.app%2Fimg%2Fsocial-card.jpg" alt="Mail Studio - Powerful Email Design Tool" title="Mail Studio - Powerful Email Design Tool" class="entry-image" /></a></p><p>What is it? Mail Studio is a desktop application for creating responsive emails that look great everywhere. It combines visual and code editing elegantly, and is suitable for both designers and developers. It runs on Windows, macOS and Linux. Designs are exported as standard HTML and can be impor...</p><p><a href="https://b.hatena.ne.jp/entry/s/mailstudio.app/"><img src="https://b.hatena.ne.jp/entry/image/https://mailstudio.app/" alt="はてなブックマーク - Mail Studio - Powerful Email Design Tool" title="はてなブックマーク - Mail Studio - Powerful Email Design Tool" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/mailstudio.app/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://htmlboilerplates.com/ braitom 2021-03-29T14:06:09Z html template 36 <blockquote cite="https://htmlboilerplates.com/" title="HTML Boilerplates"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhtmlboilerplates.com%2F" alt="" /> <a href="https://htmlboilerplates.com/">HTML Boilerplates</a></cite><p><a href="https://htmlboilerplates.com/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0634732352ca227d9775334c54a21bf92f3b337a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fhtmlboilerplates.com%2Fhtml-boilerplates.png" alt="HTML Boilerplates" title="HTML Boilerplates" class="entry-image" /></a></p><p>Start your web project by generating and downloading your custom HTML Boilerplate.</p><p><a href="https://b.hatena.ne.jp/entry/s/htmlboilerplates.com/"><img src="https://b.hatena.ne.jp/entry/image/https://htmlboilerplates.com/" alt="はてなブックマーク - HTML Boilerplates" title="はてなブックマーク - HTML Boilerplates" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/htmlboilerplates.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://parcel.io/ HTMLメール用のコードエディタ。Preview機能、送信テスト機能などがある。 braitom 2021-01-29T16:07:01Z email editor html 5 <blockquote cite="https://parcel.io/" title="Parcel: The Email Coding Platform"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fparcel.io%2F" alt="" /> <a href="https://parcel.io/">Parcel: The Email Coding Platform</a></cite><p><a href="https://parcel.io/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c0423c085d8896cfd96d1e0dd04f9ade6ebcef76/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.sanity.io%2Fimages%2F1b5kw9i8%2Fproduction%2F4237ae7a06ccf1c2deb7e788c9d243c8a36b61f2-1200x628.png%3Ffit%3Dmax%26auto%3Dformat" alt="Parcel: The Email Coding Platform" title="Parcel: The Email Coding Platform" class="entry-image" /></a></p><p>Visual Editor Use world class code without writing a single line of it Approvals &amp; Feedback Streamline your team’s review process and get campaigns out faster</p><p><a href="https://b.hatena.ne.jp/entry/s/parcel.io/"><img src="https://b.hatena.ne.jp/entry/image/https://parcel.io/" alt="はてなブックマーク - Parcel: The Email Coding Platform" title="はてなブックマーク - Parcel: The Email Coding Platform" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/parcel.io/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://github.com/bigskysoftware/htmx HTMLのattributesを使ってAJAXなどの通信機能を追加できるライブラリ。 braitom 2020-05-28T13:14:08Z html ajax library 20 <blockquote cite="https://github.com/bigskysoftware/htmx" title="GitHub - bigskysoftware/htmx: &lt;/&gt; htmx - high power tools for HTML"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fbigskysoftware%2Fhtmx" alt="" /> <a href="https://github.com/bigskysoftware/htmx">GitHub - bigskysoftware/htmx: &lt;/&gt; htmx - high power tools for HTML</a></cite><p><a href="https://github.com/bigskysoftware/htmx"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6bb25c515a2bbb053d83be733106387de15633a5/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2Ff78ae9bccf40e1dba23c0a8ddce4913cb5b4f1b1b91b7e06baa2c60463c35585%2Fbigskysoftware%2Fhtmx" alt="GitHub - bigskysoftware/htmx: &lt;/&gt; htmx - high power tools for HTML" title="GitHub - bigskysoftware/htmx: &lt;/&gt; htmx - high power tools for HTML" 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/bigskysoftware/htmx"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/bigskysoftware/htmx" alt="はてなブックマーク - GitHub - bigskysoftware/htmx: &lt;/&gt; htmx - high power tools for HTML" title="はてなブックマーク - GitHub - bigskysoftware/htmx: &lt;/&gt; htmx - high power tools for HTML" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/bigskysoftware/htmx"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://89elements.com/ 無料のHTMLテンプレート、UIコンポーネント提供サイト。商用利用も可能。 braitom 2020-04-10T14:13:41Z html ui 35 <blockquote cite="https://89elements.com/" title="Lịch Thi Đấu"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2F89elements.com%2F" alt="" /> <a href="https://89elements.com/">Lịch Thi Đấu</a></cite><p><a href="https://89elements.com/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7d8026f11a57cbb1976c7c1a859df3d4159166fe/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.gstatic.com%2Fbfe%2Fapps%2Fwebsite%2Fimg%2Fh%2F108487139-window-wash-1440.jpg" alt="Lịch Thi Đấu" title="Lịch Thi Đấu" class="entry-image" /></a></p><p>⚽ BẢNG THI ĐẤU BÓNG ĐÁ QUỐC TẾ, BÓNG ĐÁ CHÂU ÂU, CHÂU Á, V-LEAGUE...⚽</p><p><a href="https://b.hatena.ne.jp/entry/s/89elements.com/"><img src="https://b.hatena.ne.jp/entry/image/https://89elements.com/" alt="はてなブックマーク - Lịch Thi Đấu" title="はてなブックマーク - Lịch Thi Đấu" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/89elements.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.twilio.com/en-us/blog/developers/tutorials/building-blocks/html-attributes-two-factor-authentication-autocomplete 2要素認証のcode入力のinput要素をユーザーフレンドリーにするための工夫について。`inputmode="numeric"` にする、iOSのSMS受信からの自動入力用に`autocomplete="one-time-code"`を付けるなど。 braitom 2020-01-13T00:25:51Z authentication html input 39 <blockquote cite="https://www.twilio.com/en-us/blog/developers/tutorials/building-blocks/html-attributes-two-factor-authentication-autocomplete" title="HTML attributes to improve your users&#39; two factor authentication experience"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.twilio.com%2Fen-us%2Fblog%2Fdevelopers%2Ftutorials%2Fbuilding-blocks%2Fhtml-attributes-two-factor-authentication-autocomplete" alt="" /> <a href="https://www.twilio.com/en-us/blog/developers/tutorials/building-blocks/html-attributes-two-factor-authentication-autocomplete">HTML attributes to improve your users&#39; two factor authentication experience</a></cite><p><a href="https://www.twilio.com/en-us/blog/developers/tutorials/building-blocks/html-attributes-two-factor-authentication-autocomplete"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/075044a7ecfd7ee115c7e60f5d07c9ec02f6a9a3/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.twilio.com%2Fcontent%2Fdam%2Ftwilio-com%2Fcore-assets%2Fsocial%2Ftwilio-blog-default-ogimage.png" alt="HTML attributes to improve your users&#39; two factor authentication experience" title="HTML attributes to improve your users&#39; two factor authentication experience" class="entry-image" /></a></p><p>&lt;title&gt;An icon of a outbound link arrow&lt;/title&gt; &lt;path class=&quot;icon-stroke&quot; d=&quot;M75.3037 3.98207L3 75.5935M75.3037 3.98207L76.0435 43.3021M75.3037 3.98207L35.951 3.59351&quot; stroke=&quot;#F22F46&quot; stroke-width=&quot;5.5&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;/&gt; &lt;/svg&gt; &quot;&gt; 2025 Gartner® Magic Quadrant™ for ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.twilio.com/en-us/blog/developers/tutorials/building-blocks/html-attributes-two-factor-authentication-autocomplete"><img src="https://b.hatena.ne.jp/entry/image/https://www.twilio.com/en-us/blog/developers/tutorials/building-blocks/html-attributes-two-factor-authentication-autocomplete" alt="はてなブックマーク - HTML attributes to improve your users&#39; two factor authentication experience" title="はてなブックマーク - HTML attributes to improve your users&#39; two factor authentication experience" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.twilio.com/en-us/blog/developers/tutorials/building-blocks/html-attributes-two-factor-authentication-autocomplete"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.htmhell.dev/ HTMLのbadプラクティスのまとめ。具体的なコードをもとに何がよくないのか、どのように書くとよいかがまとめられている。 braitom 2019-11-18T15:13:06Z html 72 <blockquote cite="https://www.htmhell.dev/" title="Markup from hell - HTMHell"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.htmhell.dev%2F" alt="" /> <a href="https://www.htmhell.dev/">Markup from hell - HTMHell</a></cite><p><a href="https://www.htmhell.dev/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0c5dcf20c777f89b4aeb260458b78cc4a3b743d0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.htmhell.dev%2Fimages%2Fog%2Fmarkup-from-hell.png%3Fs%3D171224" alt="Markup from hell - HTMHell" title="Markup from hell - HTMHell" class="entry-image" /></a></p><p>Markup from hellA collection of bad practices in HTML, copied from real websites. skip code sample&lt;button type=&quot;button&quot; onclick=&quot;window.open(&#39;https://example.com/other-page&#39;)&quot;&gt; &lt;table&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt; &lt;i class=&quot;fa fa-arrow-left&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt; &lt;/td&gt; &lt;td align=&quot;left&quot;&gt;Back&lt;/td&gt; &lt;/tr&gt; &lt;/t...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.htmhell.dev/"><img src="https://b.hatena.ne.jp/entry/image/https://www.htmhell.dev/" alt="はてなブックマーク - Markup from hell - HTMHell" title="はてなブックマーク - Markup from hell - HTMHell" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.htmhell.dev/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://htmlhead.dev/ HTMLのHEAD要素のまとめ braitom 2019-10-01T16:26:31Z html head 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://www.caniemail.com/ Can I useのEmail版。各HTMLタグ、CSSプロパティのメールクライアントごとの対応状況が確認できる。 braitom 2019-09-13T12:44:03Z email html css 79 <blockquote cite="https://www.caniemail.com/" title="Can I email…"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.caniemail.com%2F" alt="" /> <a href="https://www.caniemail.com/">Can I email…</a></cite><p><a href="https://www.caniemail.com/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/64848eaff60eb46b7e55da99064f2edc8d5a5e8e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.caniemail.com%2Fassets%2Fimages%2Fog.png" alt="Can I email…" title="Can I email…" class="entry-image" /></a></p><p>Apple Mail macOS iOS Gmail Desktop Webmail iOS Android Mobile Webmail Outlook Windows Windows Mail macOS Outlook.com iOS Android Yahoo! Mail Desktop Webmail iOS Android AOL Desktop Webmail iOS Android Samsung Email Android Mozilla Thunderbird macOS Windows ProtonMail Desktop Webmail iOS Android F...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.caniemail.com/"><img src="https://b.hatena.ne.jp/entry/image/https://www.caniemail.com/" alt="はてなブックマーク - Can I email…" title="はてなブックマーク - Can I email…" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.caniemail.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://github.com/Y2Z/monolith URLで指定したWebページをCSS、JavaScript、画像なども込みで1つのHTMLファイルとして保存できるツール。 braitom 2019-08-25T08:36:49Z html website 47 <blockquote cite="https://github.com/Y2Z/monolith" title="GitHub - Y2Z/monolith: ⬛️ CLI tool and library for saving complete web pages as a single HTML file"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2FY2Z%2Fmonolith" alt="" /> <a href="https://github.com/Y2Z/monolith">GitHub - Y2Z/monolith: ⬛️ CLI tool and library for saving complete web pages as a single HTML file</a></cite><p><a href="https://github.com/Y2Z/monolith"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fc3be5564b2d9e74fe64310d0bc24e899809ec31/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2Fae55cd75bae34f756a47a50222f6d344cec62eaa55d30c753b294720758f6b23%2FY2Z%2Fmonolith" alt="GitHub - Y2Z/monolith: ⬛️ CLI tool and library for saving complete web pages as a single HTML file" title="GitHub - Y2Z/monolith: ⬛️ CLI tool and library for saving complete web pages as a single HTML file" 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/Y2Z/monolith"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/Y2Z/monolith" alt="はてなブックマーク - GitHub - Y2Z/monolith: ⬛️ CLI tool and library for saving complete web pages as a single HTML file" title="はてなブックマーク - GitHub - Y2Z/monolith: ⬛️ CLI tool and library for saving complete web pages as a single HTML file" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/Y2Z/monolith"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://azu.github.io/slide/2019/template-engine/template-engine-security.html Webテンプレートエンジンについて。テンプレートエンジンの3つの種類について、種類ごとのセキュリティの考え方の違い、攻撃例や対処方などが書かれている。 braitom 2019-08-10T13:28:39Z template html 55 <blockquote cite="https://azu.github.io/slide/2019/template-engine/template-engine-security.html" title="クライアントサイドからサーバサイドまで破壊するテンプレートエンジンを利用した攻撃と対策"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fazu.github.io%2Fslide%2F2019%2Ftemplate-engine%2Ftemplate-engine-security.html" alt="" /> <a href="https://azu.github.io/slide/2019/template-engine/template-engine-security.html">クライアントサイドからサーバサイドまで破壊するテンプレートエンジンを利用した攻撃と対策</a></cite><p><a href="https://azu.github.io/slide/2019/template-engine/template-engine-security.html"><img src="" alt="クライアントサイドからサーバサイドまで破壊するテンプレートエンジンを利用した攻撃と対策" title="クライアントサイドからサーバサイドまで破壊するテンプレートエンジンを利用した攻撃と対策" class="entry-image" /></a></p><p>ユーザー入力として受け取ったテンプレートをコンパイル テンプレートレベルがProgramming Language Templateは安全にコンパイルするのが難しい 高度なテンプレートはプログラミング言語そのもの コンパイル時に任意のコードが実行できてしまう =&gt; ⚠Danger Programming Language Templateをコンパイルする危険例: ローカ...</p><p><a href="https://b.hatena.ne.jp/entry/s/azu.github.io/slide/2019/template-engine/template-engine-security.html"><img src="https://b.hatena.ne.jp/entry/image/https://azu.github.io/slide/2019/template-engine/template-engine-security.html" alt="はてなブックマーク - クライアントサイドからサーバサイドまで破壊するテンプレートエンジンを利用した攻撃と対策" title="はてなブックマーク - クライアントサイドからサーバサイドまで破壊するテンプレートエンジンを利用した攻撃と対策" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/azu.github.io/slide/2019/template-engine/template-engine-security.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://github.com/ArchiveBox/ArchiveBox セルフホストできるWebアーカイブシステム。Pocket、ブラウザの履歴などからインポートできる。Python製。 braitom 2019-03-11T15:27:58Z browser html archive 27 <blockquote cite="https://github.com/ArchiveBox/ArchiveBox" title="GitHub - pirate/ArchiveBox: 🗄 Save an archived local copy of sites you browse. Takes browser history/bookmarks/Pocket/Pinboard/etc., outputs HTML, PDFs, and more... (formerly Bookmark Archiver)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2FArchiveBox%2FArchiveBox" alt="" /> <a href="https://github.com/ArchiveBox/ArchiveBox">GitHub - pirate/ArchiveBox: 🗄 Save an archived local copy of sites you browse. Takes browser history/bookmarks/Pocket/Pinboard/etc., outputs HTML, PDFs, and more... (formerly Bookmark Archiver)</a></cite><p><a href="https://github.com/ArchiveBox/ArchiveBox"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2728e8a16444de3f3f91d3bf3585517be840cae2/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Frepository-images.githubusercontent.com%2F90356372%2F6ce4d400-6129-11e9-9898-707bd6d5df76" alt="GitHub - pirate/ArchiveBox: 🗄 Save an archived local copy of sites you browse. Takes browser history/bookmarks/Pocket/Pinboard/etc., outputs HTML, PDFs, and more... (formerly Bookmark Archiver)" title="GitHub - pirate/ArchiveBox: 🗄 Save an archived local copy of sites you browse. Takes browser history/bookmarks/Pocket/Pinboard/etc., outputs HTML, PDFs, and more... (formerly Bookmark Archiver)" class="entry-image" /></a></p><p>ArchiveBox is a self-hosted app that lets you preserve content from websites in a variety of formats. We aim to make your data immediately useful, and kept in formats that other programs can read directly. As output, we save standard HTML, PNG, PDF, TXT, JSON, WARC, SQLite, all guaranteed to be r...</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/ArchiveBox/ArchiveBox"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/ArchiveBox/ArchiveBox" alt="はてなブックマーク - GitHub - pirate/ArchiveBox: 🗄 Save an archived local copy of sites you browse. Takes browser history/bookmarks/Pocket/Pinboard/etc., outputs HTML, PDFs, and more... (formerly Bookmark Archiver)" title="はてなブックマーク - GitHub - pirate/ArchiveBox: 🗄 Save an archived local copy of sites you browse. Takes browser history/bookmarks/Pocket/Pinboard/etc., outputs HTML, PDFs, and more... (formerly Bookmark Archiver)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/ArchiveBox/ArchiveBox"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://github.com/pointfreeco/swift-html HTMLを作成できるSwift DSL。kituraやvaporといったSwiftのWebフレームワークのプラグインもある。 braitom 2019-03-09T03:00:48Z swift html 1 <blockquote cite="https://github.com/pointfreeco/swift-html" title="GitHub - pointfreeco/swift-html: 🗺 A Swift DSL for type-safe, extensible, and transformable HTML documents."><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fpointfreeco%2Fswift-html" alt="" /> <a href="https://github.com/pointfreeco/swift-html">GitHub - pointfreeco/swift-html: 🗺 A Swift DSL for type-safe, extensible, and transformable HTML documents.</a></cite><p><a href="https://github.com/pointfreeco/swift-html"><img src="" alt="GitHub - pointfreeco/swift-html: 🗺 A Swift DSL for type-safe, extensible, and transformable HTML documents." title="GitHub - pointfreeco/swift-html: 🗺 A Swift DSL for type-safe, extensible, and transformable HTML documents." class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/pointfreeco/swift-html"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/pointfreeco/swift-html" alt="はてなブックマーク - GitHub - pointfreeco/swift-html: 🗺 A Swift DSL for type-safe, extensible, and transformable HTML documents." title="はてなブックマーク - GitHub - pointfreeco/swift-html: 🗺 A Swift DSL for type-safe, extensible, and transformable HTML documents." border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/pointfreeco/swift-html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://qiita.com/nfujita55a/items/2f0a809f65276e1e42f0 braitom 2019-01-07T13:10:05Z HTMLメール html mail 54 <blockquote cite="https://qiita.com/nfujita55a/items/2f0a809f65276e1e42f0" title="携帯キャリアのメールアドレスとHTMLメールの闇 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fnfujita55a%2Fitems%2F2f0a809f65276e1e42f0" alt="" /> <a href="https://qiita.com/nfujita55a/items/2f0a809f65276e1e42f0">携帯キャリアのメールアドレスとHTMLメールの闇 - Qiita</a></cite><p><a href="https://qiita.com/nfujita55a/items/2f0a809f65276e1e42f0"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8b6058041dfd0059b578005834c7d84a10fb1176/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%25252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnBicy50d2ltZy5jb20lMkZwcm9maWxlX2ltYWdlcyUyRjgzNTgzMTkwMzg0NDM2ODM4NCUyRkEtdWI5ZFRpX2JpZ2dlci5qcGc_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTRjN2M2MDI2MzZmYTBmNjZiZWY3NzhlMzIxZWU3NGU3%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Ddda2d64cff71f7505a9b5e1600be61c2%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUU2JTkwJUJBJUU1JUI4JUFGJUUzJTgyJUFEJUUzJTgzJUEzJUUzJTgzJUFBJUUzJTgyJUEyJUUzJTgxJUFFJUUzJTgzJUExJUUzJTgzJUJDJUUzJTgzJUFCJUUzJTgyJUEyJUUzJTgzJTg5JUUzJTgzJUFDJUUzJTgyJUI5JUUzJTgxJUE4SFRNTCVFMyU4MyVBMSVFMyU4MyVCQyVFMyU4MyVBQiVFMyU4MSVBRSVFOSU5NyU4NyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTE1NzRmYmM5ODk2M2Y0NDFmMjU3N2I2MDQ3OWFlOTUw%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBuZnVqaXRhNTVhJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NmNmM2ViZWUyNmRiOGEzMmVmNDg1ZmI4MTEwNGU3YTY%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Daae8cd4e80a442b035235c727ebccaba" alt="携帯キャリアのメールアドレスとHTMLメールの闇 - Qiita" title="携帯キャリアのメールアドレスとHTMLメールの闇 - Qiita" class="entry-image" /></a></p><p>頭の痛い表ができました。 いまどき「インターネット画像参照」NGなメール環境は世界的に珍しいのですが、さらに、メールアドレスだけ見ても「インターネット画像参照」できるかは分からないのです。だって、メールアドレスを見ても相手がどんな受信環境かは分からないですから。 ソフトバンクのiPhone用メールアドレス ...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/nfujita55a/items/2f0a809f65276e1e42f0"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/nfujita55a/items/2f0a809f65276e1e42f0" alt="はてなブックマーク - 携帯キャリアのメールアドレスとHTMLメールの闇 - Qiita" title="はてなブックマーク - 携帯キャリアのメールアドレスとHTMLメールの闇 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/nfujita55a/items/2f0a809f65276e1e42f0"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://github.com/SaraVieira/fiddly “Create beautiful and simple HTML pages from your Readme.md files ” braitom 2018-12-30T05:36:19Z markdown html 18 <blockquote cite="https://github.com/SaraVieira/fiddly" title="GitHub - SaraVieira/fiddly: Create beautiful and simple HTML pages from your Readme.md files"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2FSaraVieira%2Ffiddly" alt="" /> <a href="https://github.com/SaraVieira/fiddly">GitHub - SaraVieira/fiddly: Create beautiful and simple HTML pages from your Readme.md files</a></cite><p><a href="https://github.com/SaraVieira/fiddly"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d57d6dddb1761f7df783a9c748707a82e58315d7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2F557e874d3dbece36e262a564c251b84a3278f032cb522268c9c2407aeea61255%2FSaraVieira%2Ffiddly" alt="GitHub - SaraVieira/fiddly: Create beautiful and simple HTML pages from your Readme.md files" title="GitHub - SaraVieira/fiddly: Create beautiful and simple HTML pages from your Readme.md files" 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/SaraVieira/fiddly"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/SaraVieira/fiddly" alt="はてなブックマーク - GitHub - SaraVieira/fiddly: Create beautiful and simple HTML pages from your Readme.md files" title="はてなブックマーク - GitHub - SaraVieira/fiddly: Create beautiful and simple HTML pages from your Readme.md files" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/SaraVieira/fiddly"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>