date | title | description |
---|---|---|
2017-11-08 |
Frontend Weekly Vol.146 |
デザイン・システムのモデル、Perfの予算、CSS Grid物語、ほか計12リンク |
いつもFrontend Weeklyをご購読いただきありがとうございます。
これまで2年半近くニュースレターとしてメール配信をおこなってまいりましたが、 Vol.151より、Mediumへの移行をおこない、メール配信はおこないません。 Frontend WeeklyのPublicationをフォローをよろしくおねがいします。
デザイン・システムへの理解とその実装をよりよくするために知っておきたいこと
デザイン・システムが何かという定義ではなく、デザイン・システムが持っているモデルとはどんなものなのか。どんなレイヤーが存在しどんな役割を持っているのかを知ることで、よりよい実装にも繋がる。
リアルなWebパフォーマンスの予算
最新のMacやiPhone、またはAndroidの囲まれ、高速なWi-Fi、または4Gに接続をしている環境は、リアルではない。
パフォーマンス予算はプロダクトの成否を左右するファクタであるが、それがそれほど重要視されていない現状と加えてその予算を達成するために知っておきべきリアルな環境について。
CSS Gridの実装にまつわる物語
10月17日、MicrosoftのEdgeが現状のスペックに合わせたCSS Gridの実装をリリースした。その結果、すべてのモダンブラウザでCSS Gridが実装されたことになる。
わずか1年で成し遂げたこの偉業にまつわる物語。
ミニマム・バイアブル・プロトタイプを作るための4つのステップ
- 対象ユーザと問題を明らかにする
- 問題を解決するユーザフローチャートを作る
- フローチャートに則ってプロトタイプを作成
- テスト
コード・レビューのエチケット
コード・レビューはワークフローで必要不可欠となった。
だからこそ考えておきたい、コード・レビューにおけるエチケット。バグを憎んで人を憎まず。
Netflixがクライアント・サイドのReactなしのページを作成したそう。
その"快挙"に対するJake Archibald氏の見解。
6人のエキスパート達によるミーティングを上手にこなすためのアドバイス。
いつもFrontend Weeklyをご購読いただきありがとうございます。
これまで2年半近くニュースレターとしてメール配信をおこなってまいりましたが、 Vol.151より、Mediumへの移行をおこないます。
https://medium.com/frontend-weekly
Vol.151以降はFrontend Weeklyからのメール配信はおこないませんが、Mediumにて引き続きコンテンツを提供していきますので、Frontend WeeklyのPublicationをフォローをよろしくおねがいします。
またこれまで無償での配信をおこなってまいりましたが、 本ニュースレターの運営コストの状況など鑑みて、一部を除いて有料での配信も検討しております。 こちらについては追って詳細をご案内できればと思います。 ※Mediumのシステムを利用した課金となります。
引き続きFrontend Weeklyをよろしくおねがいいたします。
- Collapsible Sections by Inclusive Components Home: アコーディオンUIのa11y考慮な作り方
- A Bone to Pick with Skeleton Screens by Viget: スケルトン、またはゴーストスクリーンアプローチは"早い"のか?
- End-to-end Tests that Don’t Suck with Puppeteer by RoPig: Puppeteerを使ったE2Eテスト
- My approach to using z-index by Hacker Noon: z-indexをどう管理しているか?
- Intersection Observers: the beginning by QuirksBlog: PPK氏によるIntersection Observerのブラウザ実装のテスト結果。まだまだ"バグ"がある