Frontend Weekly Vol.180

アクセシビリティとデザイン、アイコンシステム、読みやすいコードの書き方、ほか計12リンク

Published in

Frontend Weekly

4 min readJul 20, 2018

アクセシビリティのためのデザインはさほど難しくない

デザインは、能力・文脈・状況に依らず私達が作るものへアクセスできるようにする力を秘めている。アクセシビリティの基本的な説明を踏まえて、デザインにおいてケアすべき基本的な7つの事項を、図を交えてわかりやすく解説している。

どうやったらアイコンと仲良くつきあえるのか?

デザイン・システムにおけるアイコンの存在は中々に厄介なのだ。
この記事ではその厄介なアイコンをどうやって管理し、スタイルするべきかについて詳しく紹介。

パート1のこの記事ではInline SVGとアイコン・コンポーネントアプローチについて、パート2ではSVGスプライト、SVGシンボルそしてアイコンフォントのアプローチを紹介している。

あなたのコードを読みやすくする方法

コードは実行効率だけでなく可読性も非常に重要である。この記事では、悪いコードをどのように見分けるか、そしてそれをどのように修正するべきかを紹介している。

既製のJavaScriptライブラリを使うべきか、自作するべきか?
当たり前のことながらそれぞれの利点、欠点についてよくまとまっている。

マウスを使わず1日Webを使ってみる。もちろん記事では様々なサイトをキーボードのみで操作した感想もあるが、その体験の中、実際に存在するグッドプラクティス達について実装を含めて詳しく解説いるところが秀逸。

Frontend Weeklyに関するアンケートへのご協力ありがとうございました。
頂いただいた意見につきましては、今後の運営に反映していきます。

Readinglist.design — Books Every Designer Should Read by Vincent van der Meulen: デザイナーが読むべき本の紹介。各社のデザイナーがその理由についてコメントを添えている
How to define and prioritize features for your MVP by thoughtbot: MVPを作る際にどうやって機能の優先順位を確定するべきか?
Web Development Tutorials For Complete Beginners by Interneting Is Hard: すばらしく良くまとまった初心者向けのWeb開発にまつわるチュートリアルサイト
How and Why We Unit Test Our Sass by Sparkbox: Sassでユニットテストを何故書くか?そしてどう書くのかについて
Pixels vs. Ems: Users DO Change Font Size by Evan Minto: デフォルトのフォントサイズを変更しているユーザーが一定数存在する、というデータの元あらためて相対値か絶対値か
10 Small Design Mistakes We Still Make by UX Planet: 10個の小さなデザインの間違いについて。ユーザーが余計に頭を使ってしまう例を紹介
Designing AdWords by Google Design: AdWordsのダッシュボードデザイン、広告バナーのテンプレートデザインのプロセスなど