Implementing Responsive Design

2012年10月27日 著

Tim Kadlec氏著『Implementing Responsive Design: Building sites for an anywhere, everywhere web』を読み終えての覚え書き。

Allsop recognized that flexibility and unpredictability weren't things we should be struggling against. They are features, not bugs. They make the Web unique, and a much more powerful medium print has ever been.

12年前に書かれたJohnの名コラム『A Dao of Web Design』についての言及。しかし今なお同じことは繰り返し言い続ける必要性を感じるときがあります。Webは紙じゃない（謎

For example, when I tested this on a BlackBerry running the Blackberry 6.0 operating system, the default font-size was 22px. The Kindle Touch is even more dramatic in its variance: it starts with a default size of 26px.

どのデバイス上のブラウザでもデフォルトの文字サイズといえば16pxだろう、と思い込むことの危うさについて。なるほどなぁ。BlackBerryもKindle Touchも持っていないので知らなかったです。

For example, the iPhone has a layout viewport width 980px, Opera Mobile returns 850px, and Android WebKit returns 800px.

ビューポートの設定も結構違うので要注意。

Fortunately for us, the issue has finally been resolved in iOS6.

例のiOSデバイスを回転したときの拡大/縮小表示について。ただ、個人的にはviewpoet metaにinitial-scale=1を書き足すことに抵抗はあったのだけれど、勤務先のサイトでは結局書き足しました。

it is reasonable to expect that at some point support for the meta viewport element will be removed from browsers as they migrate to supporting the @viewport rule instead

承前って感じですが、早くそういう日が訪れて欲しかったり。

Our tools, techniques, and deliverables should better reflect the Web's dynamic nature.

Web業界およびその周辺でかれこれ15年以上仕事をしてきましたが、年を追うごとにこの感覚はより強く意識されるように感じます。むしろ今までが異常だったと言うべきかもしれないけれど。

Africa is another very interesting example. There, more people will soon have access to a mobile device than to electricity.

読んでいて突然、マジで！？という感じで言葉を失った瞬間。

What features and functionality are vital to your site? Which are simply nice to have? Better yet, which don't belong on your page at all?

優先順位付けの話。nice to haveって表現はウマいなーと思いつつ、自分がよく使うフレーズとしては、無くても困らないけれど、あればあったで機能的価値、情緒的価値の向上に役立つ......みたいな言葉。

Remember, without an understanding of the purpose of your content, you can't possibly determine how to structure it to ensure reusability and adaptability.

御意。素材のことを知らずして料理ができるかってなもんで。

The inability to negotiate content order is currently one of the biggest limitations in a purely front-end driven responsive approach.

そこでFlexible Box Layout Moduleですよ、という時代が早く来て欲しい。

James Pearce created modernizr-server, a library that lets you bring Modernizr results to your server-side code so you can make structural changes and stop unnecessary resources from being downloaded.

初耳でした。そのうち調べる。

The Web is an incredibly powerful medium, one that can respond to any number of sensors and go beyond the physical walls of a device. Let's challenge ourselves not to settle for merely responding to layout.

ユーザーのコンテキストをより詳細に把握するための術は、プライバシーの確保とせめぎあいながらも今後ますます分解能を上げて行くのだろうし、それを踏まえたコンテンツ配信をデザインしていかなければならない。それは相当なチャレンジであり、と同時にこの業界に身を置く上で十分過ぎるほどの動機になるような気がします。