[CSS3 Minefield] Multiple Columns

今天的是簡單一點的CSS3 Multiple columns (w3c: multi-column)。這是網頁排版的重要模組之一，可以排出報章雜誌常用的多欄文章:

[Source: Wikipedia, The Guardian Cover (Fair Use)]

[CSS3 Minefield] Media Queries

延續上回的CSS3火星系列，這次颯爽登場^的是Media Queries!

[前言]
當今世上的顯示平面實在太多－不同大小的手機、不同大小的顯示器、以至不同的媒介(media)，尺寸兩極，一個CSS難以滿足全部平台，於是讓特定的顯示平面+螢幕尺寸來切換CSS的media query應需要而生，在smartphone/iPad+CSS3橫行的年代獲廣泛應用。

Media Queries有兩個組成部分: 媒介種類(Media Type) & 特性(Media Feature)，以下逐一說明。

HTML5 Little thought: legacy template

Question came from the presentation of @codepo8:

using html5 sensibly
audio and video (video is 'coming soon')

His idea: How about moving  IE < 9 fixes to server-side? Padding with DIVs with classes and no JS for IE?

If think with Responsive Web Design...

The Idea will be: make responsive web design more responsive with legacy web browser.

The reason: even JS patch works, still, legacy browsers are too problematics to developers. (e.g. the speed, DOM incompatibility, etc)

Idea is here but the implementation is problem...may be similar to mobile template (lets call it legacy template), with much more inaccuracy. Also it may be suffer from the problem of versioning again.

IE, please die. Old version of modern browsers, please rest.