Frontend Weekly Vol.13

Headlines

Mindful documentation for (web) components and frameworks by Kaelig Deloumeau-Prigent

どれだけ優れたコンポーネントやフレームワークにも、優れたドキュメントが必要。多くのユーザに利用されるために知っておきたいドキュメントのコツを紹介。

WAI-finding with ARIA Landmark Roles by An A List Apart

アクセシビリティは特別なアプローチではないものの、シンプルなものでもない。記事ではARIAの中でもLandmark Rolesについてわかりやすく解説している。

A Dao of Web Design at 15 by Web Directions

15年間でWebはどう変わったか。John Allsopp氏が15年前に書いた、A Dao of Web Designで氏が伝えたかったことは今もあまり変わらない。

関連リンク: 15年前の記事が教えてくれるWebの本質 by could

High performance HTML by Sam Dutton

HTMLなんて誰でも書ける。なんて簡単に考えていないだろうか? HTMLはコンテンツに対して構造を加える重要なファクター。記事ではその大切なHTMLをどう書くべきかかなり詳しく解説している。

Do Not Learn Frameworks. Learn the Architecture. by Alex Rboots

記事タイトルが全てを語っている。フレームワークの使い方を学ぶより、フレームワークがどう構成されているか、どんな問題を解決しようとしているのかを学ぶべき。

In Other News…

How We Use Trello for Product Design and Development by thoughtbot

thoughtbotでプロダクトデザイン/開発に活用しているTrelloの使い方について詳しく解説。

Chrome’s Console API: Greatest Hits by Mitch Robb

Chrome開発者ツールで使えるConsole API。これが意外と高機能。この記事では今から使うべき便利な機能をまとめて紹介している。

Starting a Refactor with CSS Dig by CSS-Tricks

CSS DigというPython製のCSS解析ツールをChrome Extensionsで簡単に利用できるようになったので、CSSのリファクタリングへの第一歩としてどう活用するか。

CSS Font Sizing by bitsofco.de

px、em、rem、%とCSS内でフォントサイズの指定に利用できる単位は数多い。この記事ではそれらの違いと、レスポンシブ・Webを念頭にしたフォントサイズへのアプローチを紹介。

Visual Test-Driven Development For Responsive Interface Design by Smashing Magazine

スクリーンサイズが多くなればなるほどテストの工数が増えて行く。ならば自動化、と考えるのが人の常。しかし、なかなかそれも難しい。この記事ではGalen Frameworkを使ったワークフローを紹介。

In Brief