Skip to content

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