960で設計されたサイトとBlueprintを使用して設計されたサイトを比較すると、960 のサイトの方がはるかにシャープに思えます。
これが私が見ているサンプルの偶然かどうかはわかりません。
それとも、960 についてより優れたデザインを助長するものはありますか?
960で設計されたサイトとBlueprintを使用して設計されたサイトを比較すると、960 のサイトの方がはるかにシャープに思えます。
これが私が見ているサンプルの偶然かどうかはわかりません。
それとも、960 についてより優れたデザインを助長するものはありますか?
個人的には、主な違いは学習曲線と柔軟性だと思います。960 では 960px 幅のサイトを作成でき、学習曲線は非常に低くなります。このビデオを見ると、サイトのデザインが数分で完成します: http://net.tutsplus.com/videos/screencasts/a-detailed-look-at-the-960-css-framework/
ブループリントはより柔軟です。それでも 960.gs が私の個人的な好みです。
Chris Schmitzとの合意に基づいて、私は自分自身のよりセマンティックなクラスのセットを使用することを好みますが、それは私が時々フレームワークを掘り下げないということではありません。フレームワークを使用する場合は、フレームワークを骨まで剥ぎ取り、必要なレイアウトに応じて大幅にカスタマイズする傾向があります。これはフレームワークを使用するという目的を打ち負かすことをいくつかの点で知っていますが、両方の長所を私に与えてくれます。ほとんどのブラウザーで機能することを知っているだけでなく、セマンティックであり、既存のコードと一緒に快適に座っています。
個人的には、ブループリントを使用しています(フレームワークが必要な場合)。960グリッドシステムは十分に構築されていますが、かなり制限があります。カスタマイズに関しては、ブループリントが優先されます。
Chris Schmitzの投稿に加えて-ブループリントCSSを使用する場合、常に質問があります。1つのdivに2つ以上のクラス名を使用する必要があります。
<div class="span-13 prepend-7 my-class-name">
.span-13 {width:510px;} // from blueprint
.prepend-7 {padding-left:280px;} // from blueprint
.my-class-name {font:, color: background}
または1つのクラスでそれを結合します
<div class="my-class-name">
.my-class-name {font:; color:; background:; width:510px; padding-left:280px;}
そして私は常に2番目のバリアントを選択します
また、私はこれに満足していませんでした(ブループリントを使用することが必須です)ブループリントのコードをリセットします
h1 {font-size:3em; line-height:1; margin-bottom:0.5em;} h2 {font-size:2em; margin-bottom:0.75em;} h3 {font-size:1.5em; line-height :1; margin-bottom:1em;}
ブラウザの違いを避けるために、クラスでは常に青写真の値をゼロでovverrideします。my-class-nameh1 {margin:0px;}
だから、結論は-あなたがあなたのスタイルとデザインを持ちたくないのであれば->青写真があなたの選択です