Vol.384

A CSS class-naming convention might still be your best choice Jump to heading #

CSSの命名規則の有効性 Jump to heading #

この記事では、CSSの命名規則がどのように有効かを解説するCSSモジュール等で完全に分離された設計に比べ、CSSの命名規則によって設計された実装は安定して稼働し続ける。この10年で多くのツール、フレームワークやライブラリが登場し、消えていったが、優れた設計のCSSはその有用性と拡張性を保ち続けていると話す。

Testing Web Design Color Contrast Jump to heading #

Webデザインにおけるコントラストの検証方法 Jump to heading #

デザインのアクセシブルな色のコントラストをテストおよび検証するための 3 つのツールとテクニックの概要を紹介する。

• Pika
• VisBug
• Chrome DevTools

SVG Sprites: Old-School Modern Unknown and Forgotten Jump to heading #

SVGスプライトの有効性と使い方 Jump to heading #

SVG スプライトがなぜ必要かを解説し、それらがどのように役立つのかを見ていく。

Element Timing: One true metric to rule them all? Jump to heading #

Largest Contentful Paintでは、有効なWebサイトパフォーマンスを計測することができない点を指摘し、Element Timing の指標を導入することを勧めている。これにより、サイトにとっての最も重要な要素の読み込み時間を計測することで、単に最大の要素の読み込み速度を計測するよりも、よりユーザーに寄り添った計測を行うことができる。

React I Love You But You’re Bringing Me Down Jump to heading #

Reactが一世を風靡したが、今Reactが手に負えなくなっているのではないか。サンプルコードともにReactの仕様を見ていき、問題点を指摘していく。

In Brief Jump to heading #

• A Half-Hour to Learn JavaScript: 30分でJavaScriptを学ぶ

• Using Web Components With Next (or Any SSR Framework): git rebaseを活用するためのアイディアをまとめる

• Take advantage of Git rebase: TRANSLATED TITLE

• How to write CommonJS exports that can be name-imported from ESM: ESMからnamed-importできるようにCommonJSのexportsを書く方法

• Intl Explorer: JavaScript の Intl についてのプレイグラウンド