Vol.239
A Modern CSS Reset by Andy Bell Jump to heading
モダンなCSSリセット Jump to heading
モダンなCSSリセットについて考える。現代のブラウザはIE6時代のものと比べたらブラウザ感の差異はすくなっているが、それでもリセットを行なったほうが良い部分もある。この記事ではAndy氏が開発・使用しているmoden-css-resetについて、その内容を細かく解説していく。
How to Make Good Code Reviews Better by Gergely Orosz Jump to heading
コードレビューを改善する Jump to heading
Gergely氏は10年以上もコードレビューをし続けてきた経験を持つ。良いコードレビューは、エンジニア自身がコードレビューのやり方を改善していき高品質のレビューを目指していくという。この記事では良いコードレビューを目指すためのポイントを紹介していく。
Intercom’s fundamentals of good interaction design by Gustavs Cirulis Jump to heading
インターコムにおける良いインタラクションデザインの基礎 Jump to heading
インターコムの開発チームが大切にしている、インタラクションデザインに関するアイディアを紹介していく。
- 同じオブジェクトをどこにでも馴染みのある方法で表示させる
- インターフェースの階層を確立させる
- ビジュアルのリズムとバランスをとる
- 一般的に受け入れられているパターンとインタラクションを使う
- 段階的な表示を使う
- 明白で簡単に
- レスポンスと速さに気をつける
- ユーザーが次に何をすべきかガイドする
- アクセシビリティへの考慮
The Obvious UI is Often the Best UI by Susanna Zaraysky Jump to heading
プロジェクト管理アプリRedboothがハンバーガーメニューから下部ナビゲーションバーに切り替えたことで、ユーザーのセッション時間が70%、デイリーアクティブユーザーは65%増加した。この記事では、その事象についてどういった要因があったのか、深く考察を巡らせていく。
Videos Jump to heading
Performance… It’s for People! by Andy Davies Jump to heading
Andy氏はWebサイトパフォーマンスについて、サードパーティのタグの数や、ページサイズ、Lighthouseのスコアといった、数値が計測できるものを指標とし、追求していくことにこだわりすぎることについて警鐘を鳴らす。Webサイトパフォーマンスは最終的にユーザーの体験を向上させるためのものであり、その点を抜きにして考えるものでは無いという。この講演では、高速なWebサイトパフォーマンスを提供するにあたって、どうやってデザインするのか、現在のアプローチとその課題について着目する。
In Brief Jump to heading
- Jagged Little Pill: Issues with Rounded Buttons by Tyler Sticka: ボタンを実装する際によく使われる
border-radius
プロパティについて、その問題点とそれをどのように解決するかを紹介する - Screen Size Map by bonana: 一般的な画面サイズをインタラクティブなアプリで表現
- Create a semantic “breakout” button to make an entire element clickable by Andy: カード型のUIでその要素自体をクリッカブルにしたいことはよくある。この記事ではそのシンプルな実装からはじめ、ユーザビリティ・アクセシビリティを考慮したよりスマートな実装を目指していく
- How to Release a Custom React Component, Hook or Effect as an npm Package by Joe Previte: ReactのHooksやEffect Hookを利用したコンポーネントを開発し、それをnpmで公開するところまで丁寧に解説する
- Same-Site Cookies By Default by ericlaw: Google Chromeにリリースされる予定のCookieの扱いの変更について。現在のデフォルトのCookieの挙動と、リリース後の挙動を比べ、セキュリティやプライバシーといった観点を中心に考察を進めていく
https://twitter.com/googledevjp/status/1178839748468559873
Announcement Jump to heading
https://twitter.com/googledevjp/status/1178839748468559873
Chrome Developers Japan は、「Chrome Developers Japan ニュースレター」の定期配信を開始しています。詳細はこちらから。