yojikのブックマーク - はてなブックマーク

All of Learn HTML! is available | Blog | web.dev

All of Learn HTML! is available Stay organized with collections Save and categorize content based on your preferences. All modules in the Learn HTML course are now available. This course was written by Estelle Weyl and takes you through an in-depth journey to really understand HTML. You can read them in whatever order you'd like. The final modules, launched today, are: Forms Images Audio and video

yojik 2023/02/22

リンク

Boldly link where no one has linked before: Text Fragments | Articles | web.dev

Boldly link where no one has linked before: Text Fragments Stay organized with collections Save and categorize content based on your preferences. Text Fragments let you specify a text snippet in the URL fragment. When navigating to a URL with such a text fragment, the browser can em phasize and/or bring it to the user's attention. Fragment Identifiers Chrome 80 was a big release. It contained a num

yojik 2023/01/10

リンク

WebTransportの実験

WebTransportと他のテクノロジーの関係 #WebTransportはWebSocketの代わりですか？ #おそらくそうでしょう。WebSocketまたはWebTransportのいずれかを有効な通信プロトコルとして使用するユースケースがあります。 WebSocket通信は、単一の信頼できる順序付けられたメッセージストリームを中心にモデル化されています。これは、一部の種類の通信ニーズに適しています。これらの特性が必要なのであれば、WebTransportのストリームAPIでも提供されています。それに比べて、WebTransportのデータグラムAPIは、信頼性や順序を保証することなく、低レイテンシーの配信を提供するため、WebSocketの直接の代替ではありません。データグラムAPIまたは複数の同時ストリームAPIインスタンスを介してWebTransportを使用すると、WebS

yojik 2022/04/12

リンク

HTTP キャッシュを使用して不要なネットワークリクエストを防止する | Articles | web.dev

たとえば、ブラウザから CSS ファイルを 1 年間（Cache-Control: max-age=31536000）キャッシュに保存するようサーバーに指示したものの、デザイナーが緊急の更新を作成したとします。この更新はすぐにデプロイする必要があります。キャッシュされたファイルの「古い」コピーを更新するようブラウザに通知するには、どうすればよいですか。少なくとも、リソースの URL を変更せずにはいけません。ブラウザがレスポンスをキャッシュに保存した後、そのキャッシュバージョンは、新鮮でなくなるまで（max-age または expires によって判別される）か、その他の理由（ユーザーがブラウザのキャッシュをクリアした場合など）でキャッシュから削除されるまで使用されます。その結果、ページが作成されたときに、ファイルのバージョンが異なるユーザーになる可能性があります。たとえば、リソースを

yojik 2018/06/11

リンク

Integrate with the OS sharing UI with the Web Share API | Articles | web.dev

Integrate with the OS sharing UI with the Web Share API Stay organized with collections Save and categorize content based on your preferences. Web apps can use the same system-provided share capabilities as platform-specific apps. With the Web Share API, web apps are able to use the same system-provided share capabilities as platform-specific apps. The Web Share API makes it possible for web apps