Vol.243
The World-Wide Work. by Ethan Marcotte Jump to heading
テクノロジー業界の自動化・パワー・正義・労働 Jump to heading
テクノロジー業界を様々な側面から考察する。Webがどのように変化をしているか、またWebでの仕事がどのように変化しているかについて話しながら、特にウェブデザインについて、それがどのように工業化されてしまっているか、それがどのような問題を引き起こすか、その可能性について解説する。そして、今後どのように変化していくか、ウェブがどのように新しい種類の仕事をうみだ生み出しいくかについて語る。
Why Devs (Should) Like Estimates by Yaakov Ellis Jump to heading
なぜ見積もりが求められるのか Jump to heading
Yaakov氏はStack Overflowのプリンシパルエンジニアとしての経験から、健全な開発には、正確な見積もりが不可欠であることを学びました。また、正確な見積もりをするための独自の方法を作成してきた。この記事では、まず、なぜデベロッパーに見積もりが求められるのかなどの前提の話から、その方法論について解説をしていく。
The “P” in Progressive Enhancement stands for “Pragmatism” by Andy Jump to heading
Progressive Enhancementの「P」は「Pragmatism」のP Jump to heading
プログレッシブ・エンハンスメントについての考察。プログレッシブエンハンスメントの考え方では、すべてのユーザーに同様の体験を提供するのではなく、難しい場合には、代わりに実行可能な体験を提供する。CSSカスタムプロパティでの実際の実装を例に取り、どのようにそれを実装するべきかについてについて紹介していく。理想的には、通常の体験よりも劣っている体験をしているということをユーザーに気付かせないようにする。
Think like a chef: how to use a design system by Stephanie Poce Jump to heading
効果的なデザインシステムを腕の立つシェフのメタファを利用して解説する。シェフは、材料、ツール、プロセスの理解を深めるために時間を費やし、特定の要素がうまく機能する理由、ツールを効果的に使用する方法、フライパンなどのツール選定、目的を達成するために従うべきプロセスを知っている。デザインシステムとシェフの考え方の共通点とは。
A Guide To New And Experimental CSS DevTools In Firefox by Victoria Wang Jump to heading
Firefox DevToolsチームでは、Grid Inspectorを始め様々なWebの問題を解決するための新しいツールをリリースしている。この記事では、Firefoxに搭載されている、7つのツールについて解説する。また今後予定されている機能について。
In Brief Jump to heading
- Uncommon Use Cases For Pseudo Elements by Ahmad Shadeed: 疑似要素を活用して様々なデザインを実現するユースケースを紹介する
- When to Use Map instead of Plain JavaScript Object by Dmitri Pavlutin: JavaScriptのオブジェクトとMapは似たような機能を提供するが、どういった違いがあり、使い分けるか紹介する
- Website color schemes that are changing the way we design by Jess Thoms: Webデザインにおける、色について深堀りし、トレンドや色から連想されるイメージについて解説していく
- How to design delightful dark themes by Teresa Man: ダークテーマを用いてアプリをデザインする際に念頭に置いておきたい、その特徴や注意点など
- The box model is not layout by Kilian: CSSのボックスモデルについて深堀りし、その性質、フレックスレイアウト、グリッドレイアウトなどのレイアウトシステムとの関係などについて考察する