Frontend Weekly Vol.177
フロントエンドデベロッパーの頭の中、より早いサイトを作るために、8-Point Grid、ほか計12リンク
Published in
5 min readJun 28, 2018
Your Brain on Front-End Development by CSS-Tricks
フロントエンドデベロッパーの頭の中を覗いてみる
あるUIデザインから様々なスキルや技術を駆使してブラウザ上で表現すること。フロントエンドデベロッパの日常ではあるが、その日常を1つのUIをコード化するという例を使って切り取って紹介。
Towards ever faster websites with early hints and priority hints by Fastly
より早いサイトを作るために知っておくべき Early hints と Priority hints について
ブラウザは読み込む必要のあるリソースをHTMLから発見してからでないと、読み込みが始まらない。ごく当たり前のことのように思えるが、アイドル時間が増える原因にもなる。
見つけられないものは読み込めない、という当たり前を回避するためのEarly hints と Priority hints についてFastlyのAndrew Betts氏が詳しく解説。
8-Point Grid: Typography On The Web by freeCodeCamp
Webタイポグラフィのベスト・プラクティス
Webにおけるタイポグラフィはややこしい。この記事ではWebサイトを目的ごと分類、それぞれに求められるタイポグラフィの要件を整理し、実際のWebサイトでの実装例をあげている。 それらのケースを踏まえて、考えられるプラクティスや相対単位のアプローチの罠、主題である8の倍数でのスケールについて解説。
UTC is Enough for Everyone, Right? by Zach Holman
“時間”の難しさとそれを表現するためのプログラムの難しさについて。
時間に関わるプロダクトに触れる人には必見の記事。
The Cult of the Complex by An A List Apart
変わり続けることがWebにおける”変わらない”部分だとすると、今存在する複雑さはその副産物に過ぎない。
アンケートにご協力ください!
Frontend Weeklyに関する調査をおこないたく、アンケートを実施しています。Frontend Weeklyについてのいくつかの項目を設けていますので、お時間いただけると幸いです。
In Brief
- Understanding the Almighty Reducer by CSS-Tricks: JavaScriptの
reduce()を便利なシチュエーション/コード例を通じて学ぶ - The React is “just” JavaScript Myth by daverupert.com: Reactが”単なる”JavaScriptである、というのは事実ではあるが、Reactが持つ強さは他にもある
- Writing the Docs by Prateeksha Singh: READMEをより理解されやすく書くためにやるべきこと
- The new (and old) CSS units you’ve never heard about by Massimo Artizzu: (きっと)知らないCSSで使える単位について
- Don’t Use The Placeholder Attribute by Smashing Magazine:
placeholder属性がユーザにとってプラスにならないのではないか、という提言 - Effective Standards Work, Part 1: The Lay Of The Land by Infrequently Noted: 12年以上Webのプラットフォームに関わる標準づくりに関わってきたAlex Russel氏によるより効率的な標準化プロセスについて。パート2はこちらから
- Writing WebAssembly By Hand by Scott Logic: WebAssemblyを直に手で書くために必要なこと。意味があるかはさておき、WebAssemblyの基礎を覚えるのに役に立ちそう
