Frontend Weekly Vol.128

Headlines

Progressing the web by Adactio

Progressive Web Appという名前にAppがあることに拘泥せず、その概念はWeb全体を前に進めるためもの。 Jeremy Keith氏らしいトピックであり、氏なりのPWA論は興味深い。

Leveraging the Performance Metrics that Most Affect User Experience by Google Developers

パフォーマンス評価用のAPIである、Paint Timing APIについて。
単に何かのスコアを上げるためだけのパフォーマンス改善ではなく、実際にユーザに取って重要な数値を計測する。

How To Give Helpful Product Design Feedback by Mike Industries

プロダクト・デザインにおけるフィードバック。
なんとなくのフィードバックではなく、建設的なフィードバックを行うために知っておきたいこと。

Keyboard-Only Focus

:focus時のスタイルをマウスの時には隠し、キーボードでのフォーカスで表示する。
一見難しく無さそうなこのテクニックに潜む、ブラウザの実装差におけるフラストレーションと一応の解決を紹介。

Getting started with PreactJS — A Step By Step Guide

React.jsのほぼ互換であり、ファイスサイズの小さなPreact.jsの事始め。

Classes, Complexity, and Functional Programming by Kent C. Dodds

JavaScriptにおけるclassについて。本質的にどんな役割なのか。そして何時使うのが適切なのか。

Building Production-Ready CSS Grid Layouts Today by Smashing Magazine

プロダクション・レディなCSS Gridを使ったレイアウトの作り方。
Gridの使い方はもちろん、フォールバックの方法についてまで解説。

Announcement

Slack for Frontend Weekly (PR)

Frontend Weeklyの『実験的』Slackコミュニティに興味がある方は、こちらから招待をリクエストしてください。 週次で50人くらいずつ招待をして行くつもりです。

In Brief