1.メトロUI CSS
Metro UI CSS は、Windows 8 の Metro スタイル インターフェイスを実装する CSS フレームワークです。
2.CSScomb
CSScomb は、指定された並べ替え方法を使用して CSS プロパティを並べ替えることができ、次のような複数のバージョンを提供します。
CSScomb Online Sublime Text 2 の CSScomb (パッケージ コントロールにもあります) Textmate の CSScomb Coda および Coda 2 の CSScomb Espresso 2 の CSScomb IntelliJIDEA/WebStorm/PyCharm の CSScomb Notepad++ の CSScomb Vim の CSScomb 3. CSS3Ps
CSS3Ps は、Photoshop レイヤーをまったく同じ外観の CSS3 実装に変換する、無料のクラウドベースの Photoshop プラグインです。複数のレイヤーとレイヤー グループを選択し、ワンクリックで変換できます。ストロークは CSS 境界線プロパティに変換されます。内側のシャドウ、内側のグロー、シャドウ、および外側のグローは、CSS のボックス シャドウ プロパティに変換されます。結果のスタイルをブラウザで確認し、他のユーザーと共有できます。 Windows または Mac OS X および Photoshop CS3 以降で動作します。何よりも、完全に無料です。
4.レスポンシブイオン
ResponsiveAeon は、レスポンシブなレイアウトを非常に迅速に作成できる HTML5/CSS3 フレームワークです。合計幅 1104 ピクセルの 12 列に基づくグリッド システムがあり、使用する 3 つの非常に理解しやすい基本クラスを提供します。このフレームワークにより @mediaqueries の使用が可能になり、あらゆるデバイス サイズがサポートされます。グリッド システムに加えて、タイポグラフィ、リスト、テーブル、ボタン、テーブルのスタイルもあります。
5.リファインスライド
RefineSlide は、レスポンシブな画像ベースのスライダー エフェクトを Web サイトにすばやく統合するための軽量 (4KB 圧縮) jQuery プラグインです。スライダーは CSS3 トランジション + 3D 変換 (JS フォールバック付き) を使用しており、魅力的なトランジションが多数あります。サムネイル (自動的にフォーマットされ、応答する) またはナビゲーション用の矢印 (キーボードをサポート) を表示するオプションがあります。
6.フォトン
Photon は、3 次元空間内の任意の要素に簡単な照明効果を追加できる JavaScript ライブラリです。効果を作成するには、WebKitCSSMatrix オブジェクトを使用します (サポートされているブラウザ エンジンは WebKit のみです)。ライトの角度はいつでも定義および変更でき、機能性を提供します。オブジェクトを 1 つずつ、または一度にグループごとに照明することで定義することができ、黒と白の最大使用量を設定することで効果をカスタマイズできます。
7. グリッドパック
Gridpak の目的は、レスポンシブ Web ページ デザインを実装し、ワークフローを改善し、時間を節約することです。 Gridpak は、PNG 画像、CSS、JavaScript を生成することで、応答性の高いシンプルなインターフェイスを作成します。
Gridpak によって生成された CSS は IE 8 以降と互換性がありますが、メディア クエリ、ボックス サイズ、背景クリッピング プロパティなどの多くの実験的な CSS プロパティを使用するため、下位互換性を確保するために Modernizer と組み合わせて使用することをお勧めします。
8. Morf.js
Morf.js は、さまざまな CSS3 変換効果を高速化する一連の JavaScript メソッドを提供しており、サポートされているメソッドはすべて上の図に示されており、CSS3 コードを記述する必要はありません。
9. ガンビー
Gumby は、PC、タブレット、モバイルの画面表示をサポートする、応答性の高い 960 ピクセル幅の CSS グリッド フレームワークです。 Twitter の Bootstrap と同様に、見栄えの良いボタン、テーブル、ナビゲーション + ラベル、および小さな JavaScript ファイルを備えた Web UI ツールキットが含まれています
10.AppJS
AppJS は、Web テクノロジーを使用してデスクトップ アプリケーション (HTML、CSS、および JavaScript) を迅速に開発できるようにするエキサイティングな JavaScript ライブラリです。 AppJS はバックエンド サポートとして Node.js を使用します。
11. ブラウザのサポート
ブラウザ サポートは、特定の CSS プロパティが指定されたブラウザでサポートされているかどうかを確認するために使用される単純な検索エンジンです。オートコンプリート検索入力ボックスを提供します。
12. スプライトパッド
SpritePad は、CSS スプライトを数秒で作成できる完璧なソリューションです。画像をキャンバスにドラッグ アンド ドロップするだけで、PNG スプライト + CSS コードとしてすぐに利用できます。
13. HTML5 をお願いします
HTML5 Please は、HTML5 や CSS3 などの機能が準備ができているかどうかを確認するのに役立ちます。
14.jsフィドル
jsFiddle は、主に JavaScript と CSS コード スニペットのテストを支援するために使用される Web アプリケーションです。
15.Animate.css
Animate.css には、さまざまなアニメーション効果を実装する CSS が含まれています。
16. 過剰
Excessive は Python で開発された CSS 圧縮ツールで、必要な数のファイルをドラッグ アンド ドロップして 1 つのファイルに結合し、その場で圧縮できます。
17.CSSの更新
CSSrefresh は、ページを更新せずに Web ページのスタイル効果を即座に変更する機能を実装するために使用される JavaScript ライブラリであり、JS ファイルをページに導入するだけで済みます。
18.Impress.js
impress.js は Javascript パッケージであり、その機能は主に CSS 3D Transforms の回転、歪み、スケーリングなどの機能を使用するため、最新バージョンの Firefox または Google Chrome のみが使用できます。または Safari で効果を確認してください。まだリリースされていない IE 10 ブラウザでも使用できるようです。
19. ベアCSS
Bear CSS は、指定された HTML に基づいて CSS スタイルを生成する無料の Web アプリケーションです。
20.CSSを減らす
Less CSS は、単純な構文と変数を通じて CSS を拡張する、広く使用されている CSS プリプロセッサであり、多くの CSS コードを削減できます。
LESS は、変数、継承、操作、関数などの CSS 動的言語機能を提供し、クライアント (IE 6 以降、Webkit、Firefox をサポート) またはサーバー (Node.js を使用) で実行できます。
21. css2レス
css2less は、CSS を Less CSS 形式のファイルに変換するために Ruby で開発された小さなツールです。
22.レスポンシブGS
Responsive GS は、応答性の高い Web サイトを迅速に開発するための流動的なグリッド CSS フレームワークです。
レスポンシブ GS は 12、16、24 列の 3 種類で利用でき、メディア クエリを使用するすべての標準デバイスをサポートします。
23. CSS3 シェイプ
CSS3 Shapes は、CSS3 を使用してさまざまなグラフィック効果を実現するオンライン Web サイトです。
24. CSS 矢印をください
CSS Arrow Please は、ストライプ、ボタン、テーブル、読み込みアイコンなどのすべての CSS に使用できる Web ベースの CSS スタイル ジェネレーターです。CSS を使用して完全に実装されており、画像は必要ありません。
25.Webパテ
WebPutty は、構文の強調表示をサポートするエディターと、リアルタイムで変更を確認できる側面のプレビュー パネルを備えた、オンラインで CSS コードを作成できるアプリケーションです。
26.CSSFx.js
CSSを記述する際、ブラウザによっては-moz-border-radiusなどの接頭辞が多く付加されることが多いですが、これについては業界内でも不満が多いです。 cssFx はプレフィックスを自動的に生成できる js で、時間と労力を大幅に節約できます。
27. ダーティマークアップ
Dirty Markup は、散らかったものを簡単にクリーンアップするのに役立つ無料の Web ベースのアプリケーションです。エディターはシンプルな + 関数 AceEditor を使用しており、各美化には最良の結果を得るためにさまざまな選択肢があります。
28.クランチ
CrunchはAdobe AIRが開発したLess CSSをベースにしたエディタです。主にLessを編集してCSSにコンパイルするために使用されます。
29. CSS3テスト
CSS3 テストは、ブラウザーの CSS3 サポートをテストするオンライン Web サイトです。
