[B! HTML5][Qiita] satoshieのブックマーク

あなたがまだ使っていないかもしれないHTML5の便利機能10選 - Qiita

こんにちは、たかとーです🧑‍🎤 こちらは、10 useful HTML5 features, you may not be usingの翻訳記事になります。当記事は、Tapasさんの許可を得て翻訳しています。Tweet 10 useful HTML5 features, you may not be using HTML5は新しいものではありません。最初のリリース（2008年1月）以来いくつかの機能を使用してきました。100DaysOfCodeの取り組みの一環として、HTML5の機能リストをもう一度よく見てみました。何か見つけたかな？私は今のところあまり使っていません。この記事では、過去にあまり使ったことがなかったが、今では便利になったHTML5の機能を10個挙げています。また、Netlifyでホストされている、実際に動作する例を作成しました。参考になることを願っています。 htt

satoshie 2020/09/23

リンク

なんとなくで書かないで！HTML5を書く時に気にしてみたいタグごとのお約束 - Qiita

はじめにこの記事はクラウドワークスアドベントカレンダー2019 16日目の記事です。こんにちは！本日25回目の誕生日を迎えたアクセシビリティ向上隊長みーたです。昨日は同じチームの@yamanokuさんによる「みんなに知ってもらいたいデザインシステムのこと」でした。文中で紹介されていた「悲劇的なデザイン」は私もオススメします:) 私は今回、普段みなさんがHTMLを書く時に、よく使うタグごとでちょっと気をつけてみてもらいたい！と思う点をまとめてみました。初学者ではありますが、正しくHTMLを理解してもらいたいって気持ちがあるので、マサカリは怖くない程度に投げていただいて、みんなで知識を共有していきたいです。 👻 真冬の怪談突然ですがちょっと怖い話を... 先日、とある画面を改修しようと思って、今どんな感じにスタイル当たってるんだろうと本番環境を見てみたんですよ。カードタイプ

satoshie 2019/12/19

リンク

<script> タグに async / defer を付けた場合のタイミング - Qiita

HTML5 においては、<script> タグに、defer や async 属性を付与することで、これらの読込が HTML パースを妨害しないようにすることができます。これにより、サイトのメインコンテンツの読込がある程度高速化されます。 async にせよ defer にせよ、それほど詳細に動作を解説した記事が見つかりませんでしたので、本記事では、これらの動作について解説します。イベントについてまずは、async と defer の挙動を理解するために重要な、2つのイベントについて理解しましょう。両者とも、MDN に十分な情報があるため、本記事ではそれほど詳細には解説しません。 DOMContentLoaded HTML のパースが完了した直後に発火します。 MDN load HTML のパースが完了し、CSS や画像などのダウンロードと表示、JavaScript ファイルのダウン

satoshie 2018/10/22

リンク

[HTML] ファビコンの設置について - Qiita

satoshie 2018/10/08

HTML5
Qiita

リンク

HTML5における no-cache - Qiita

注 updated: 2018/01/25 本記事の投稿当時に紹介したアプリケーションキャッシュは、現在では廃止予定の機能となりました。順次、各種ウェブブラウザからも廃止されていくことでしょう。かわりに Service Workers / Cache API を使用するべきです。 Service Worker の紹介 | Web | Google Developers Service Workerの利用について - Web API インターフェイス | MDN はじめにちょっとした JavaScript ミニアプリの作成で、キャッシングを無効にしたコンテナ用 HTML ページを1枚用意したかったんですが、ひっさびさに W3C Validation Service にかけたらエラーの烙印を食らったのでメモしておきます。留意事項本稿執筆時点で HTML5 の仕様は「勧告候補」の段階で