Vol.265
Maintaining Performance - daverupert.com Jump to heading
パフォーマンスをメンテナンスする Jump to heading
Dave 氏は、自信のサイトに対して施していた、パフォーマンスのベストプラクティスが、逆にサイトのパフォーマンスに悪影響を与えていたことに気づいたことから、パフォーマンス改善とその継続的なメンテナンスをトピックとした記事を執筆した。氏は 「ベストプラクティス」と呼ばれるものは、6〜12 か月ごとに変化する傾向があると指摘し、パフォーマンス改善にはメンテナンスが欠かせないと話す。Web サイトパフォーマンスの多くの問題は、JavaScript が大きすぎるか、画像が最適化されていないことに起因することを念頭に置き、Lighthouse CI などのツールを使用して、ある程度自動化したパフォーマンス計測を行っていくことが有効な方法だと提案する。
How to build a bad design system | CSS-Tricks Jump to heading
悪いデザインシステムの作り方 Jump to heading
Robin 氏が実際に経験したデザインシステム構築に関する失敗を共有する。氏はデザインシステムチームで起きてしまう問題の一つとして、会議に参加する人が増えて過ぎてしまって、意見がまとまらないということが起きてしまうと指摘する。人が増えれば増えるほど、効率が悪くなってしまうことを経験し、会議には本当に必要な人のみの参加をさせることが重要であることを強く推奨している。
Adactio: Journal — Apple’s attack on service workers Jump to heading
Apple と Safari と service worker Jump to heading
Safari のサービスワーカーの仕様についての調査し、サービスワーカーの登録に関する仕様について解説しながら、Web 開発者の視点で Apple の対応について論じる。
Responsive Images the Simple Way - Cloud Four Jump to heading
レスポンシブな画像を実装するために、img タグで使用できる、srcset属性
とsizes属性
についての紹介。この 2 つを組み合わせることで、画面サイズに応じた画像の幅、画像の候補から最適サイズのものを使用する仕組みを実装できる。
A creative person’s guide to negotiating – The Creative Independent Jump to heading
交渉というものはどんな職業であっても、私達の生活のあらゆる場面で必要となってくる。この記事では、交渉をうまくすすめるためのテクニックや考え方を紹介する
- プロとしての交渉と、個人的な交渉の違いを理解する
- 個人的な価値観が交渉にどのような影響を与えるか
- want とニーズを比較をする
- 絶望的な状態なときに交渉をする
- 給与の観点だけでなく、自分には何が見合っているかを知る
- 交渉の準備をする方法
In Brief Jump to heading
HTML DOM - Common tasks of managing HTML DOM with vanilla JavaScript: Vanilla JavaScript で DOM を管理する 100 個のテクニックを紹介
CSS Findings From The New Facebook Design: アップデートされた Facebook のデザインをデベロッパーツールで実装方法を調査し、ユニークな実装方法をとっている部分をピックアップ&深堀りする
Javascript Proxies : Real World Use Cases – Arbaz Siddiqui: JavaScript の Proxy について、具体的なコードを交えながらその動作、実際のユースケースなどを解説する
Publishing npm packages with dist tags · @mdo: npm パッケージに対して distribution のタグを操作する
dist-tag
について紹介SOLID Design Principles: The Guide to Becoming Better Developers: SOLID の原則についての紹介