「はい」の場合はどちらですか?どうして? いいえ、なぜですか?どのようにクロスブラウザのCSSレンダリングを修正しますか?CSSフレームワークを使用していますか?
私は現在、青写真のCSSを使用し、それは良い選択だのだろうか。ありがとう! :)
「はい」の場合はどちらですか?どうして? いいえ、なぜですか?どのようにクロスブラウザのCSSレンダリングを修正しますか?CSSフレームワークを使用していますか?
私は現在、青写真のCSSを使用し、それは良い選択だのだろうか。ありがとう! :)
いいえ、私は任意のフレームワーク、私は何度も再利用するだけでよく考え抜か命名システムといくつかのリセットとの基本的なCSSを使用していないといくつかの基本スタイル。
なぜ私はCSSフレームワークを使用していませんか?あなたがページをデザインするものではないですか、クライアントが自分自身のデザイナーを持っている -
フレームワークの使用は通常、設計者はかなり頻繁でない場合で、その慣習に精通していることを前提としています。これが当てはまらない場合でも、960ピクセルに収まらないデザインや、奇妙なサイズを持つデザインが存在するため、魔法の.span-4クラスを使用することはできません。
私は次のポイントにつながります。命名は意味論的ではありません。理論的には、大きなフレームワークの維持を容易にするフレームワークが必要です。しかし、わずかな設計変更を加えなければならないとします。これは、基本的には関連するすべてのテンプレートビューでhtmlを変更することを意味します。これは、バージョン管理システムであっても、単一のcssファイルにロールバックしなければならないことと、ビューを100個にする必要があるため、ハードで危険です。すべてinput.span-19は5ピクセル以下必要です。 CSSフレームワーク - 新しいインラインCSS。
クロスブラウザの問題についてはどうですか?あなたがフレームワークを使用しているかどうかは、これは変更されません。特定の特殊性を持つブラウザやオペレーティングシステムがあります。結論 - Internet Explorerはまだそれほど吸うだろう。
CSSフレームワークは、規律の目立つと私はそのため彼らに信用を与えるために持っているが、最終的にそれはすべてのコードを書く1についてです。
私はyui cssツールが好きです。それらの人は間違いなく私が気にするよりもクロスブラウザのCSSを扱うのにもっと多くの時間を費やしました。私は他の人を試していない。
yahooのyui-cssフレームワークを使用します。それは私が出会った最初のものであり、理解しやすいものでした。私はちょうどビデオとチートシートを見て、それを稼働させました。また、Yahooはいくつかのサイトでそれを使用しています。
私はBlueprint-cssをいくつかの場所で使用しており、非常に便利だと分かっています。
960 Grid Systemは、960個のピクセルの幅に基づいて、一般的に使用される寸法を提供することにより、Web開発ワークフローを効率化するための努力です。 2つの変種があります:12と16の列は、別々にまたは一緒に使用することができます。
私は960.gsの流体のバージョンを好む:Fluid 960 Grid System
コンパス/サスの組み合わせは素晴らしいです、そして非セマンティッククラス名なしでお好みのフレームワークを使用するためのいくつかのプラグインを提供しています。コンパスの外では、私はフレームワークがあまりにも制限的であり、マークアップをあまりにも多く使用することを常に知っていました。
コンパス用の960gsおよびYUIプラグインのファンではありません。もともと余分なマークアップで使用するために作られたもので、Compass/Sassを最大限活用して柔軟性を高めるものです。だから私は 'Susy' - Compass/Sassにネイティブに構築された柔軟なフレームワークを構築しました。
あなたが使用している(またはあなた自身で作成した)プラグインであれば、余分なマークアップよりも良い選択肢としてCompass/Sassを強くお勧めします。
あなたのリンクは死んでいます。 – markus
固定、ありがとう:http://susy.oddbird.net/ –
960グリッドを使用してプロジェクトを開始しました。デザイナーはこれを早期に購入し、彼のデザインを導きました。
私は言うよりはるかに速いです。モックアップ上のピクセルを測定する時間を大幅に短縮し、設計者に意図を尋ね、CSSを使って「ページテンプレート」を構築します。デザインを実装するだけで、はるかに多くの時間を費やします。
私は自分自身が非常に頻繁に使用するクラスを作成しました。これにより、多くのクラスで同じプロパティを繰り返さずに、より速く作業しやすくなりました。
たとえば、インラインdivの場合、流体の幅には左右の浮動を表すflとfrクラスがあります。これには20の幅のクラスがあります。私が言及した私の一般的なスタイルシートからいくつかのクラスがあります。それは私のために働く。
.fl { display:inline; float:left;}
.fll { display:inline!important; float:left!important;}
.fr { display:inline; float:right}
.frr { display:inline!important; float:right!important;}
.ib { display: -moz-inline-block; display:inline-block;}
.clear { clear: both}
.none {display:none;}
.noni {display: none!important;}
.block {display:block;}
.blocki {display: block!important;}
.pointer {cursor: pointer !important;}
...
.w10 { width: 10% !important; }
.w15 { width: 15% !important; }
.w20 { width: 20% !important; }
.w25 { width: 25% !important; }
...
だから、この技術はもちろんの枠組み交換することはできませんが、あなたはあなたのスタイルとあなたの間に他のものを持ってしたくない場合は、これは十分に機能:)
シナン。
P.S. IE6以下では、複数のクラスでバグが発生しますが、これは最新のブラウザで使用することです。 the table at Quirksmode
を助け
希望流動レイアウトです。
最初に、ソフトウェア開発で使用されるフレームワークの概念と、ツールと960gなどのフレームワークの種類との間に、多くの混乱が生じる傾向があります。
Wikipedia defines a framework「一般的な機能を提供するソフトウェアをユーザコードによって選択的に変更することができ、アプリケーション固有のソフトウェアを提供する抽象化」としています。
@viseは、「私はフレームワークを使用していないので、何度も再利用するネーミングシステムと、いくつかのリセットと基本スタイルの基本CSSを使用しています。これは、「私はフレームワークを使用せず、フレームワークのみを使用しています。おそらく意味論的な皮肉のようなものでしょう。嫌な意図はありません:)
Blueprint、960、コンパスなどはすべての種類のフレームワークです。いくつかのCSSフレームワークは意味を持たないかもしれないし、ある望ましい品質が欠けているかもしれないので、これはCSSフレームワークが悪い考えであるということを意味しません。
第2の誤解は、cssとcssのフレームワークが相互に排他的であるということです。あなたは手作業でCSSをコーディングするか、フレームワークを使用します(いくつかのカスタムのものがあります)。しかし、ちょっと待ってください... CSSは、私たちが特定の要件に合わせて変更または拡張できるデフォルト要素のセットではありませんか? CSSはWikipediaの定義に従ったフレームワークのように疑わしく見えます。
もちろん、この2番目の点は議論の余地があります。しかし、しばしば、人々はそれを知らずに何らかのフレームワークを使用していることが分かります。
あなたの質問に答えるために、私はsassのようなものを使用し、my own frameworkとする傾向があります。私の最新プロジェクトでは、これとこれまでによく見ているBourbonの組み合わせを使用しています。私がフレームワークを使う主な理由は、CSSの冗長性に疲れているからです。同じ値を何度も何度も繰り返さなければならないのは本当に退屈です。 CSSにはあまりうまくやっていないデザインのコンセプトがありますが、ここでは取り上げません(here参照)。しかし、フレームワークを使用することで、すべての問題を抽象化し、処理を完了することができます。
こちらがお役に立てば幸いです。
+1はCSSフレームワークの問題を説明しています。 – strager
完全に正しい。私は大きなプロジェクトで1回960gを使用し、上記の問題のすべてに遭遇しました。 – kurczak
ワンポイント私は同意しない:ブラウザ間の互換性。私の選択は、すべての問題を回避するためのデザインをシンプルに保つこと、CSSのすべての機能や面白さを学ぶこと、あるいはソリューションをすばらしく組み込んだグリッド960などのツールを使用することです。グリッド960は、 FireFoxとIE7との間の不一致率は、他の方法で達成できる以上のものです。 (神様はGrid 960を作成するためにNathan Smithを祝福します。) – Smandoli