date | title | description |
---|---|---|
2017-01-11 |
Frontend Weekly Vol.103 |
パフォーマンスと優先順位、IA、アニメーションほか計13リンク |
リクエストの優先順位とライブラリの関係
React(Preactも)、Vueのようなライブラリにおけるクライアント/サーバーサイドレンダリングでのパフォーマンス評価。現実とはすこしかけ離れているテストかも知れないが、何にどれくらいコストがかかっているのかを学ぶきっかけとしての記事としては最適では。
フロントエンド・デベロッパはインフォメーション・アーキテクトでもある
一般的に知られるIAとはイメージが合わないかも知れないが、セマンティックなHTMLが持つ、情報の階層構造をきちんと理解することは最終的にはIAに繋がり、それがインクルーシブ・デザインにも繋がっている。
デザイン・システムにおけるアニメーション
アニメーションはデザイン・システムに組み込むべきものなのか? 記事ではアニメーションがなぜ重要になったのかから、システムとしての組み込むためのアイデア、そしてアニメーションの重要度を理解してもらうための戦略について紹介している。
フロントエンド・デベロッパのためのパフォーマンスチェックリスト2017
33に渡るパフォーマンス評価と改善のためのチェックリスト。PDFも配布されているので、全てを覚えるのではなく、リファレンスとして、ワークフローとして活用できるようにしていくべき。
まだ見ぬ見た目の変更に対するテスト
CSSにおけるリグレッション・テストのケース・スタディ。すぐに導入するのは少々難しいかも知れないが、巨大なサービスであれば、人の目でチェックするのにもやはり限界がある。 記事ではWraithを使ってボタンのスタイルのテストについて紹介している。
キレイなJavaScriptを書くためのベストプラクティス達
この記事で紹介されているベストプラクティス達は、あたり前、と言われれば、間違いなく当たり前の部類に入る。
当たり前だ、と思った方は、コードレビューやチームでのエクササイズの1例として、そうでもないと思った方は、ぜひ書いたコードを振り返ってみて欲しい。
モバイルにおける効果的なランディング・ページの戦略
ラインディング・ページのベストプラクティス達は多くのリソースが今や存在しているが、モバイルやレスポンシブ・デザインにおけるそれは決して多いとはいえない。この記事はその稀少な1つ。
デザイン・システムにおける発見の1つであるTokensという考え方とそのシステムについて。
Frontend Weeklyの『実験的』Slackコミュニティに興味がある方は、こちらから招待をリクエストしてください。 週次で50人くらいずつ招待をして行くつもりです。
- Speed Index Tips and Tricks by Performance Calendar: Speed Indexに関する小技
- Designing Imaginative Style Guides by 24 ways: スタイルガイドはつまらないデザインである必要はない
- The Salesforce Team Model for Scaling a Design System UX by UIE: Salesforceにおけるデザイン・システムチームモデルについて
- Mac external displays for designers and developers: Macの外部ディスプレイの選び方
- The Dark Side of Polyfilling CSS by Philip Walton: CSSをPolyfillすることについて