街に新しい用語が登場しました。 柔らかい ナビゲーション。基本的に、これはページ内容が変更され、URL が変更される「シングル ページ アプリ」(SPA) スタイルのナビゲーションを意味しますが、ブラウザーは従来のフルリロード機能を実行しませんでした。軽い侮辱のように聞こえるという意味で、私はこの言葉が好きです。なんだ弱すぎる、 子供、を行うには ちゃんとした ページの読み込み?ワッタヤ 柔らかい？ とにかく、重要なのはブラウザ自体がこれらのものを検出する方法を備えていることであり、Core Web Vitals をテストすることがすべての理由です。それは全く新しい API を導入する軽い理由のように感じますが、Google は Core Web Vitals を発明し、そのような社内の取り組みが効果を発揮します。
そして、社外の取り組みが功を奏することもあります。それで、街にクールな新しい画像フォーマットがあるとき、 JPEG XL、それは Google からのものではありません、事態は奇妙になります。 デクラン・シドロー でこれについて書きました JPEG XL とそれに対する Google の戦争。 Google は WebP を社内で発明したため、人々は WebP がより優れたテクノロジーよりも保護されていると感じています。
これは、JPEG XL ではなく AVIF を採用した理由の一部も説明します。 AVIF はあらゆる点で優れているわけではなく、そのため WebP の座を奪う恐れはありませんでした。
ただし、JPEG XL は あらゆる定量化可能な点で WebP よりも優れており、WebP は時代遅れになるでしょう。
しかし、Google は Chrome を使ってやりたいことを実現できます。結局のところ、それは彼らの事実なのです つい最近確認されたばかり。私に言わせれば、それは良いことですが、ウェブ全体に対する彼らの鉄のグリップを強化するのに役立ちます。
HTML っぽい気分になってきたので、さらに HTML っぽいことをいくつか共有させてください。
アレックス・マッカーサーの記事を見つけました TIL: リンクのダウンロード属性がクロスオリジン リソースに対して「正しく機能」しない 数年前から、最近とても便利です。ウェブサイト上でリンクをクリックしてファイルをすぐにダウンロードしたい場合は、次のようなアドバイスが表示されます。 download 次のような属性です。
a href="/files/thing.pdf" download>Download PDFa>Code language: HTML, XML (xml)しかし、誰も教えてくれないのですが、URL がクロスオリジンの場合、そのままでは機能しません。
a href="https://api.site.com/files/thing.pdf" download>Download PDFa>Code language: HTML, XML (xml)ありがたいことに、Alex のような人が調査し、調査し、その答えをブログに書いてくれています。つまり、そのファイルを提供するにはサーバーが必要です。 Content-Disposition ヘッダ。ふー。
人々がそう呼ぶちょっとしたことがあるのは知っています ベストプラクティス? それらを探す人もいます。まるで自分がよく知っているかのように彼らをからかう人もいます。私自身はむしろ前者です。みたいになる チェスタトンフェンスを取り壊す前に、そもそもなぜフェンスが建てられたのかを知ってください。ベストプラクティスはフェンスです。
従来のベスト プラクティスは、HTML 属性の ID を重複させないことです。それをしないようにと言われますが、頻度は低くなります。 なぜ それをしないこと。ほとんどの人が少なくとも 1 つの理由を思いつくと思います。すぐに方法を考えます getElementById 最初のもののみが見つかりますが、これは特定のコードが目的とするものである場合とそうでない場合があります。ハッシュ リンクについて考えてみると、最初に見つかったリンクまでしかスクロールされませんが、これもまた狙いを外している可能性があります。 ID を持つ要素を指す他の要素 ( for または aria-labelledby）も目的を外してしまう可能性があります。
うーん、それは 3 つです。十分ですか？おそらくあなたはこう思うかもしれません…まあ、これらは私が現在取り組んでいるこのウェブサイトには当てはまりません。そして、その事実は、 #id CSS でセレクターが複数の要素に適切に一致するということは、この小さな「ベスト プラクティス」など気にしないと言ってしまうには、ちょっとした神社です。
Lee Amaador がさらにいくつかの例を示します。 もしかしたらもっとあるかもしれません。しかし、だからこそこれがベストプラクティスなのです。 ID を重複させないことを頭の中にしっかりと固定しておけば、起こり得るあらゆる問題を回避でき、マイナス面もありません。
Views: 0
