The 960 Grid System is an effort to streamline web development workflow.Download (180 KB) → Zip contains PDF grid paper, templates for Fireworks, OmniGraffle, Photoshop & Visio, and CSS framework with demo HTML. 960 Grid System Sketch, Desig... 続きを読む
The Incredible Em & Elastic Layouts with CSS Tue, 25th Sep 2007 65 comments Filed under: CSS interface design typography Almost a year ago, Ty Gossman over at Stylegala asked me to write an article about elastic layouts. The best I could do w... 続きを読む
Problem In some browsers (i.e. Firefox 0.8), centered em-based layouts expand beyond both edges of the browser window when a user increases text-size. Solution Use min-width on body or apply padding or border to the container itself. Detailed... 続きを読む
I read this question in a comment and though I had an answer from my own personal preference, I think it would be really helpful for others to make this decision and consequently for theme developers to get a good feel for where and what they... 続きを読む
Lucky bag::blogさんのトコでエラステックレイアウトのサンプル3種が公開されています。レイアウト手法としてメインストリームとなる可能性は低いかもしれませんが、今後のためにelastic layoutの記事をまとめておきます。 エラステックレイアウトに関する記事 ... 続きを読む
elastic レイアウトと言っても、固定幅ベースか可変幅ベース(とは言っても min、max-width による半固定だけど)のどちらかからのアプローチになるとは思う。当サイトでは、ここ1年半ほど可変幅ベースの elastic レイアウトを採用しているんだけれども、ちょっ... 続きを読む