Frontend Weekly Vol.178

日々の学習ルーティーン、色のコントラスト、デザインと視点、ほか計11リンク

Staying up-to-date as a software developer with a daily learning routine by Trevor D. Miller

あるソフトウェア開発者の日々の学習ルーティーン

ソフトウェアのエンジニアだけに限らないが、様々に変わり続けるこの世界で日々学び続けることは重要だ。 この記事ではとあるソフトウェア開発者がどんな風にその日々のルーティーンを回しているのか実例とともに紹介。
学ぶ方法も十人十色ではあるが、共感できるプロセスなので是非。

Color Contrast for Interface Design by Matt D. Smith

色のコントラストとアクセシビリティ

Contrast という色のコントラストをチェックするMacアプリを開発しているチームが作成したWCAG 2.0のスペックに対するガイドを作成。
分かりやすく端的に必要なことについてまとめている。

The importance of zooming out in the design process by UX Collective

デザインプロセスにおける視点

デザインを産み出す際にどうしても近視眼的にディテールへ目が言ってしまうことはある。それ自体は決して悪ではないし、そうなるモードがあるからこそ、もっと高い視点からデザインを見ることも可能になる。

Level up your CSS selector skills by LogRocket

CSSのセレクターは思っている以上に種類が豊富。
CSSセレクターをマスターしきった人にはふり返りとして、これからマスターを目指す人にはリファレンスとして便利な記事。

Here’s the thing about “unused CSS” tools by CSS-Tricks

必要のないCSSを自動的に消すツールは数多あるが、どれも十分な機能を有してはいない。
不要なCSSをダウンロードしないことでパフォーマンスはあがる、が”不要”を見つけ出すのは用意ではない。そんなジレンマについて。

アンケートにご協力ください!

Frontend Weeklyに関する調査をおこないたく、アンケートを実施しています。Frontend Weeklyについてのいくつかの項目を設けていますので、お時間いただけると幸いです。

アンケートはこちらから

In Brief

• Component Design Guidelines by EightShapes: Nathan Curtisによるデザイン・システムドキュメントのガイドライン、デザイン編。のこり2回も楽しみ。
• Making Web Components Work by Mixpanel Engineering: Web Componentsの実利的な実装について
• Why Manifold uses an 8pt grid by manifoldco: 最近よく目にする“8pt grid”。この記事ではなぜManifoldは“8pt grid”を利用することにしたのかについて紹介
• The Problem with Patterns by An A List Apart: UIパターンライブラリに潜む問題点について
• Image Inconsistencies: How and When Browsers Download Images by CSS Wizardry: ブラウザ達は実際にどうやって画像をダウンロードするのか? 隠れたブラウザによる違いについて
• How I use Wireshark by Julia Evans: Wiresharkは便利だと聞くけれど、実際にどうやって使うモノなのか?