フリー UIとCSSのフレームワーク のために Web

「エルフグリッドは、「グリッドではなく、剛性グリッドテンプレートに適応するためのページのコンテンツを強制の内容に合わせて調整できるように複雑な数学的操作に頼って、応答性のグリッドを構築するための、より現代的なアプローチです。開発者は、グリッドにコンテンツブロックの任意の数を渡すことができ、それが自動的にそれぞれの等しい幅の列を作成します。ネストされたグリッドレイアウトは自動垂直および水平の整列のためのカスタマイズ可能な溝やフレキシボックスの統合と一緒に、サポートされています。この「エルフグリッド」のほかにも...

フレキシブルグリッドは、新しい第3回標準反復で導入されたフレキシボックスのCSSプロパティでの作業に簡単な方法を提供します。この小さなスタイラスファイルには、開発者が容易に利用可能なビューポートのサイズに基づいて、それらの幅を変更するデータ列のコンテンツを配置することができます。すべてはブラウザのエンジンの代わりに、複雑なCSSクラスとIDに依存することが自動的に行われます。列には、各行の中に発見内容に基づいて自動的に計算され、開発者は簡単にいつでも樋サイズを変更でき、またフレキシブルグリッドされています。...

ブルボンはサスにおける様々なミックスインのための特別なサポートを追加するためのRubyライブラリです。ニートは、有名な＆激しくハイプ「応答デザイン」の概念に固執ウェブサイトを作成するための理想的なブルボンのミックスインのいくつかを使用して、SASSで記述されたCSSのフレームワークです。基本的にニートは、サイズを変更し、ビューポートがresizeイベントを介して変更されるように以下の画面を持つデバイスにロードされたときに自分自身を再配置し、流体の列を作成するために使用することができます。ニートは列、行、マー...

あなたはレイヤーを呼び出すことができ、CSSフレームワークをCSSが、最も適切な用語は、「プロジェクトのボイラープレート」、または「スターターキット」になります。これは、ほとんどのCSSフレームワークなどのUIウィジェットとコンポーネントを充填していますが、あなたのHTMLを追加し、で動作するように、基本的なUIを持つことができただけで船の基本CSSコード付属していません。あなたが一番上に独自のスタイルを追加して、基本CSSとしてレイヤーを使用することができます。レイヤの主な目的は、一緒に開発者は、最終的に...

スケルトンは、大きな液晶テレビの画面からダウン小型モバイル機器に至るまで、ページとデバイスのすべてのタイプをサポートして、応答性の設計原理を中心に構築されました。フレームワークは、さまざまな解像度で右の場所で確認し、すべてのラインを構成するために特別なUIウィジェットとコンポーネント、最も一般的なHTML要素のためだけの基本的なスタイル、グリッドシステムと基本的なメディアクエリに来て、フロントエンドのUIパッケージではありません。スケルトンは、ほとんど更新しない場合でも、Webデザインコミュニティの中で、コ...

ungrid、それかどうかは、100文字の下にあると考えています。そして、はい、あなたはその権利、文字ではなく、コードの行を読んでください。この超軽量グリッドシステムは、すべてのネイティブのHTMLテーブルが自動的に応答レイアウトで作業する傾向があると同じように、自動的に応答性のレイアウトをサポートするために、テーブルベースの​​表示設定を使用しています。あなたは自分のHTMLコードに「行」と「列」CSSクラスを追加することにより、非常に簡単な方法でそれを使用することができる。これにより、開発者はほんの数秒...

ほとんどのフロントエンドのフレームワークは、ほとんどの時間は、ウェブサイトを遅くし、あまりにも多くの（ニッチ）のウィジェットを詰めてくるかさばるスクリプトです。それらのほとんどは、よく整理されておらず、モジュール構造に従っていません。それが修正される多くの問題を引き起こすので、これは、UIフレームワークを使用して問題となる。xpressioは、UIフレームワークがどうあるべきかである。ですから、ドキュメントを読んで時間を無駄にしません、早くすることがコードを削除する多くの時間を費やすことはありませんので、単...

フラットヒーローのUIキットはZurbの財団のような複雑なフロントエンドのUIフレームワークとブートストラップの枠組みではなく、多くの少ないUIウィジェットと小さいプロジェクトは基本パッケージに含まれています。UIキットはまだ開発中ですが、かなりの数の部品がそれはそれにもかかわらずあなたを助ける含まあります。これらを含める： - 管理しやすい配色 - ボタンパッケージ - プロフィールカード - あなたのカードに感謝 -...

960 LESSは、開発者が簡単にちょうど2つの行を編集することで、グリッド幅と列の数を定義させること、コードにいくつかのコントロールミックスインを追加し、オリジナルの...

CSSのレンガSCSSとCSSの両方で利用可能で、簡単にちょうど適切なHTMLタグにCSSクラスを追加することによって、ページ要素にさまざまなスタイルの装飾を適用する開発者を支援するための簡単​​なユーティリティが含まれています。これは、要素のCSSを編集する時間を節約し、また編集者は他のページ要素とそのCSSのスニペットを再利用することができます。デフォルトでは、CSSのレンガを扱うためのユーティリティが付属しています： - 色 - レイアウト - フロート - フォント - トランジション -...