Frontend Weekly Vol.80

Headlines

Design Better Forms by uxdesign.cc

より使いやすいフォームをデザインするために知っておきたい15のこと

フォームをデザインし実装することはあまりにもよくあることだ。そんなよくあるフォームに今一度目を向け、ユーザが使いやすいフォームを作るための15のやるべき事、やるべきではない事について紹介。

Considerations for Styling a Modal by CSS-Tricks

モーダル・ウィンドウをスタイルする際の注意点

モーダル・ウィンドウをプラグインなどから提供されるスタイルのママで利用していないだろうか? 一般的なUIパターンだからこそ、注意するべきポイントも多いモーダル・ウィンドウについて、様々なスタイルに関するポイントを紹介。

Unfolding Critical CSS by JP DeVries

クリティカルCSSについて

ページの読み込み速度を向上させるアプローチとして知られるクリティカルCSS。今さら聞けないなぜそのアプローチをする必要があるのか、からどんな欠点があるのかなどについて詳しくまとめてある。

Why object literals in JavaScript are cool

オブジェクト・リテラルを使いこなす

ES6以前のオブジェクト・リテラルは決して多くの機能を有してはいなかったが、ES6からは大きな変化を遂げている。その変化をES6以前のコードと比べながら、新たな機能の使い方について提案している。

6 compelling use cases for ES6 proxies

ES6 Proxiesの6つのユースケース

トランスパイラのせいか、Node.jsのサポートのせいか、イマイチ使いどころがわからないからなのか、ES6 Proxiesの存在感が薄い。そんな印象を劇的に改善する6つの実践的なユースケースを紹介。

The Conjoined Triangles of Senior-Level Development by The Frontside

シニア・エンジニアに相応しいスキルセットとは

実際に”シニア”というタイトルがつくかはさておき、エンジニアの次のレイヤーになるべく必要なスキルセットとはなにか。解釈は人によって様々だが、会社や部門で一定の定義を持つ事は大切。

ServiceWorker: A Basic Guide to BackgroundSync

Service Worker: Background Syncの基本的な解説

他の機能に比べてあまり知られていないService WorkerのBackground Syncの機能について、簡単なデモと図を交えて解説している。タスクの定期実行はバッテリーやネットワークの状態を考慮可能であり、ProgressiveなWebアプリを作る上で非常に重要な機能である。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief