Frontend Weekly Vol.0

Headlines

Taking Chrome DevTools outside of the browser. — Kenneth Auchenberg

Chromeの開発者ツールを独立したアプリにすることは可能か?
RemoteDebugのKenneth Auchenberg氏がnode-webkitを使って、実際にそんなアプリを作成して見せています。

How to design your design team — InVision

プロトタイプ・ツールであり、デザイナーにフォーカスをおいたプロジェクト管理ツールでもあるInvisionのデザイン・チームの構成、ツールなどについて。コミュニケーションとフィードバックにフォーカスをおいたチーム作りに関するリソースは貴重。

JavaScript Training Sucks — JavaScript Scene

JavaScriptはウェブ・プラットフォームにおける標準プログラミング言語とも言える存在にも関わらず、多くの開発者がJavaScriptをきちんと理解できていないとEric Elliott氏は訴えます。
記事の後半はやや氏が新たに始めたJavaScriptトレーニング・コースの宣伝っぽくはなるが、その中でもどのようにプログラミングを学ぶべきかの示唆に関しては一読の価値があります。

Style Guide Best Practices — Brad Frost

デザイナにとっても、フロントエンド・エンジニアにとってもスタイルガイドが重要なツールであることは明白です。しかし、その現実的な運用におけるベストプラクティスとはなにか、Brad Frost氏の提案。

Naming Things — 24 ways

Phil Karlton氏が言う通り、コンピュータ・サイエンスにおいてむずかしいたった2つのことの1つにある「命名」。Paul Lloyd氏よるCSSのセレクタの命名についての考察。

In Other News…

Cohesive UX — 24 ways

様々なモバイルデバイスとデスクトップ/ラップトップの環境をレスポンシブにするだけでは足りない。これからはそれらデバイスの間に入り、互いに『結束』するUXに向かっていくとCameron Moll氏は主張します。

Reactive MVC and the Virtual DOM — Futurice

React.jsとFluxの登場によりJavaScriptの世界でも話題になっているReactive MVC。Andre Medeiros氏はそのReactive MVCに対して、Model-View-Intent(MVI)という新たなアプローチの提案。

An Effective Code Review Process — Jake McCrary

コード・レビューはチームにおける開発フローの中でも重要なツール。そのフローを実際にどうやって回しているのかについて。

Slides/Videos

Building theguardian.com by Patrick Hamann

イギリスのニュースサイトの老舗、Guardian.comにおける2年に渡るレスポンシブル・プラットフォーム化とその運用から得たケーススタディ。モジュラー・デザイン、パフォーマンス改善、そしてプログレッシブ・エンハンスメントなどどんな規模のサイトでも役に立つテクニックの詰まった素晴らしいスライド。

Thinking beyond “Scalable CSS” - The dot Post

Nicolas Gallagher氏によるスケーラブルCSSにさらに一歩踏み込む内容のビデオとスライド。17分ほどの短いビデオ。

Web Components and the Future of CSS — WebComponents.org

Philip Walton氏によるWeb ComponentsとCSSの未来に関するビデオとスライド。動くWalton氏を見るのは実はこれが始めてかも。

In Brief

OctopressからHugoへ移行した — SOTA / RubyベースのJekyllから、GolangベースのHugoに移行。とにかく生成が早い。

The Buffer Style Guide / 愛用サービスのBufferにおけるスタイルガイド。BufferはAtomic Design。

WebPagetest Private Instances in Five Minutes — Performance Calendar / 現時点では限られたリージョンでしか利用できない様子。

Why Why Functional Programming Matters Matters / 元は2007年に公開された記事を再公開。関数型プログラミングについての考察。

snabbt.js / Daniel Lundin氏作成の非常に軽量かつハイパフォーマンスなJavaScriptアニメーションライブラリ。

Typesettings.css — Minimal Type Boilerplate / Mike Mai氏によるタイポグラフィーのミニマム・ボイラープレートCSS。