CSSによる三角形をジェネレートできる・「CSS triangle generator」
CSS triangle generator CSSで三角形を簡単に作成出来るツールです。オールドブラウザのシェアもかなり低下していて良い傾向ですけど、まだ対応する必要があるケースもあるので覚えておくと便利かもしれない。 C...
Resource - CSS
Sass用のカラー調整Webツール・「SassMe」
SassMe SassMeはリアルタイムでSass用のカラー調整を行えるWebツールです。カラー関数のサブセットを視覚化してくれる、というシンプルなもの。使い方はベースカラーを入力してスライダーをマウスで操作するだけ。Githubでも...
モバイルファーストなCSSフレームワーク・「Blok Grid System」
Blok Grid System Blok Grid SystemはモバイルファーストなレスポンシブWebデザイン対応のCSSフレームワークです。スマフォ、タブレットを中心に考えたCSSで構築されています。IE8にも対応。 Bl...
CSSタイポグラフィの使用例をコレクションしている・「Typespiration」
Typespiration TypespirationはWebフォントとCSSによるタイポグラフィをコレクションしているギャラリーサイトです。CSSコード、カラースキーム、利用したフォントと使用例を紹介しています。 Typesp...
レスポンシブ且つグリッドなレイアウト生成ジェネレーター・「gridpak」
gridpak gridpakは、レスポンシブWebデザインに対応したグリッドレイアウトジェネレーターです。従来のグリッドジェネレーターにブレークポイントを設定出来る項目が付いているので操作も楽に行えます。 gridpak
面倒な作業のみをカバーしたシンプルなCSSフレームワーク・「inuit.css」
inuit.css inuit.cssは、面倒な作業のみをカバーしたシンプルなSassベースのCSSフレームワークです。コアと別用途向けのCSSを分けてあるため、例えばグリッドレイアウトにする場合は別途用意されたCSSを使うようにしま...
CSSを即時整形するツール・「CSS Beautify」
CSS Beautify CSS BeautifyはCSSを入力するだけで即時整形してくれるツール。SENCHAから提供されたソフトウェアです。 CSS Beautify
CSSの更新状態を監視し、表示を即時反映させる・「CSSrefresh」
CSSrefresh CSSrefreshはサーバー側のCSSに更新があったら表示を即時反映させるスクリプトとブックマークレットです。開発者向けになります。環境次第では楽になる方もいるかもしれませんね。 CSSrefresh
HTML、CSS、JavaScriptのコード整形ツール・「Dirty Markup」
Dirty Markup Dirty Markupは、HTMl、css、JavaScriptのコードをインデントして整形してくれるツールです。高機能ではありませんが、シンプルで使いやすく、動作も軽量です。 Dirty Marku...
4つのCSSツールを1つのサイトに集約した・「CSSmatic」
CSSmatic CSSmaticは、4つのCSSツールを集約したツールサイトです。グラデーション、角丸、ノイズテクスチャ、ドロップシャドウを作成出来ます。 CSSmatic
Twitter BootstrapのCSSをオンラインで作成・「StyleBootstrap.info」
StyleBootstrap.info StyleBootstrap.infoは、Twitter BootstrapのCSSをオンラインで作成出来るジェネレーター。容易にBootstrapのカラーをカスタマイズする事が出来ます。ただし...
オンラインでCSSやJavaScriptを圧縮・「Online YUI Compressor」
Online YUI Compressor Online YUI CompressorはYUIのオンライン版でCSSやJavaScriptを圧縮するツールです。公開しているファイルにも対応できます。 Online YUI Com...
HTMLを読みこませてCSSのclass,idをテキスト化・「Bear CSS」
Bear CSS Bear CSSはHTMLファイルからclassやIDを抜き出し、CSSの雛形を作成してくれるツールです。 Bear CSS
CSSからLESSへ変換・「Css2Less」
Css2Less Css2LessはCSSをLESS形式に変換してくれるツール。OSSとしても公開されています。Rubyを使って動かしてるみたい。 Css2Less
CSSを綺麗に整形する・「ProCSSor」
ProCSSor ProCSSorは、CSSを自動で整形してくれるWebツール。プロパティの記述ルールやインデントレベルも指定可能です。 ProCSSor