どうもフロントエンドエンジニアのoreoです。 今回はWebブラウザのレンダリングの仕組みについてまとめたいと思います。あまり意識していなくても開発はできますが、知っていればパフォーマンスの改善やAccessibilityの向上に役立ちそうですね。 1 レンダリングとは? 普段私たちは、WebブラウザにURLを指定することで、そのリソースをブラウザ画面に表示できます。この時の 「指定したリソースをブラウザ画面に表示すること」を「レンダリング」と言います。 Webブラウザは、下記のように多くの機能を搭載していますが、この中でRendering engineが、レンダリングを実行します。 参考:https://web.dev/howbrowserswork/ ちなみに、ブラウザごとのRendering engineは下記になります。 Rendering engine Browser 参考:ht
webに関係するすべての人が目を通したほうがいい「ウェブアクセシビリティ導入ガイドブック」 Publish2023/04/21(金) 今回は、webに関連する人すべてが対象と言ってもいいほど、より多くの人に読んでもらいたい書籍があるので紹介します。 今回紹介するのは「ウェブアクセシビリティ導入ガイドブック」です。 ウェブアクセシビリティ導入ガイドブックの特徴 ウェブアクセシビリティ導入ガイドブックは、デジタル庁がweb上に無料で公開しているオンラインの書籍です。 ウェブアクセシビリティを担保したwebサイト/ホームページを作成するための手助けとなる内容が記載されているのですが、ウェブアクセシビリティのことをよくわかっていなかったり、これから対応しようと思っていたけどなにからはじめていいのか分からないという初心者の方はもちろん、ウェブアクセシビリティのことは一通り理解している方でも、まとめて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く