Vol.289

Developer priorities throughout their career – Lea Verou Jump to heading #

開発者キャリアにおける優先事項の推移 Jump to heading #

Lea 氏は Twitter で反響を呼んだ、“開発者の優先度の推移をイメージしたグラフ” について、自信のブログに解説を投稿している。グラフでは、開発者は経験を積むにつれて実際に動くかどうかよりも、可読性や DRY を優先するようになると表現されており、これについて以下のように補足説明を加えている。 経験豊富なプログラマーによって書かれた、機能しないコードは、多くの場合数時間または数日のデバッグで修正できる。しかしながら、読み取り不可能なコードベースは、書き換えに数か月または数年かかる場合がある。そのため、可読性の優先度が高い。

Understanding Resource Priorities Jump to heading #

ブラウザがどのようにリソースの優先順位をつけるのか Jump to heading #

SmashingConf Freiburg での Andy 氏の講演のスライド。この講演では、以下の内容について紹介する。

• どのようにブラウザがネットワークの状態に合わせて、リソースに優先順位を付けているか
• サーバーが果たす役割
• 実装がリソースの動作にどのように影響するか
• 訪問者のエクスペリエンスについて

Publish events, not logs | Kislay Verma Jump to heading #

ログではなくイベント Jump to heading #

システム開発においてロギングは必要不可欠な要素となる。シンプルな例ではログメッセージを記録するが、実際にはより複雑な構造化されたログをとることが多い。この記事ではこの考えをより発展させ、イベントを中心としたロギングのアイディアを実際のコードを交えて紹介する。

Finding The Root Cause of a CSS Bug Jump to heading #

この記事では、いくつかの一般的な CSS の問題と、それを間違った方法で修正する際に発生しうる問題を明らかにしながら、CSS のバグを根本から修正する方法を紹介する。

Do the next right thing - daverupert.com Jump to heading #

Partner 氏はアナと雪の女王 Ⅱ で登場する “次の正しいことをする” というセリフを受けて、自分がどのように仕事を進めていくべきかを押し進めてくれるようになったという。この記事ではその考えにいたるまでどのような経緯があったかについて紹介している。

In Brief Jump to heading #

• Linearly Scale font-size with CSS clamp() Based on the Viewport | CSS-Tricks: CSS の関数の１つ clamp についての解説と、タイポグラフィデザインにどのように活かせるのかを紹介する

• Bidirectional scrolling: what’s not to like? by Adam Silver – Designer, London, UK.: Netflix で採用されいる水平スクロールの UI について、その利点と欠点、その欠点をどのように補えばよいかを解説する

• Introducing visx from Airbnb. A collection of expressive, low-level… | by Chris C Williams | Airbnb Engineering & Data Science | Sep, 2020 | Medium: Airbnb 製の視覚化ライブラリvisxが 1.0 をリリース

• Styling the details element: details タグをスタイリングするためのアイディアを紹介

• Secrets to High Engagement on Hamburger Menus: ハンバーガーメニュー UI を使用する際に気をつけておきたい点を解説