面倒な作業のみをカバーしたシンプルなCSSフレームワーク・「inuit.css」
inuit.css inuit.cssは、面倒な作業のみをカバーしたシンプルなSassベースのCSSフレームワークです。コアと別用途向けのCSSを分けてあるため、例えばグリッドレイアウトにする場合は別途用意されたCSSを使うようにしま...
Resource - Archives
オンラインでjQuery UIのデザインを作成・「jQUIT」
jQUIT jQUITはjQuery UIのデザインをオンラインで作成出来るツールです。アコーディオンやタブ、ボタン等のスタイルを簡単に設定できます。 jQUIT
CSSを即時整形するツール・「CSS Beautify」
CSS Beautify CSS BeautifyはCSSを入力するだけで即時整形してくれるツール。SENCHAから提供されたソフトウェアです。 CSS Beautify
アイコンのデザインをカスタマイズしてダウンロード出来る・「IconBench」
IconBench IconBenchは、アイコンを選択してスタイリングし、そのままダウンロードできるツール。シンプルなアイコンにドロップシャドウやストローク等を加えてダウンロードする事が出来ます。 IconBench
PDFのグラフ用紙をオンラインで生成出来る・「Paperkit」
Paperkit Paperkitは、オンラインでグラフ用紙を生成出来るツール。サイズ、グリッドの幅や色を指定。PDFはBase64形式で発行されます。 Paperkit
Illustratorのデータをcanvasに変換する・「Ai to Canvas」
Ai to Canvas Ai to Canvasは、AIファイルをHTML5のcanvasに変換するプラグイン。アニメーションにも対応しているようです。現状は完全な物ではなさそうですが、今後も期待できそうな出来ですね。 Ai ...
CSSの更新状態を監視し、表示を即時反映させる・「CSSrefresh」
CSSrefresh CSSrefreshはサーバー側のCSSに更新があったら表示を即時反映させるスクリプトとブックマークレットです。開発者向けになります。環境次第では楽になる方もいるかもしれませんね。 CSSrefresh
PhotoshopのレイヤースタイルをCSS3に変換する・「CSS3Ps」
CSS3Ps CSS3Psは、PhotoshopのレイヤースタイルをCSS3に変換するプラグインです。Sassにも対応しています。 CSS3Ps
色々な企業のブランドカラーを一覧化した・「GUIDELINE COLOURS」
GUIDELINE COLOURS GUIDELINE COLOURSは、様々な企業が採用したブランドカラーを一覧として閲覧できるサイト。色からブランドのサイトへ飛べるようになっています。インスピレーションの向上に。 GUIDE...
HTML、CSS、JavaScriptのコード整形ツール・「Dirty Markup」
Dirty Markup Dirty Markupは、HTMl、css、JavaScriptのコードをインデントして整形してくれるツールです。高機能ではありませんが、シンプルで使いやすく、動作も軽量です。 Dirty Marku...
4つのCSSツールを1つのサイトに集約した・「CSSmatic」
CSSmatic CSSmaticは、4つのCSSツールを集約したツールサイトです。グラデーション、角丸、ノイズテクスチャ、ドロップシャドウを作成出来ます。 CSSmatic
レスポンシブWebデザイン対応確認用ブックマークレット・「VIEWPORT RESIZER」
VIEWPORT RESIZER VIEWPORT RESIZERは、閲覧中のWebサイトをリサイズしてレスポンシブWebデザイン対応状態を表示確認するブックマークレットです。PCと、タブレットやスマフォサイズに対応。 VIEW...
アップロードした画像をスマフォのアプリアイコンにする・「Makeappicon」
Makeappicon Makeappiconは、アップロードした画像をスマフォ用のアプリアイコンのサイズにしてくれるジェネレーターです。画像は画面上にドロップすればアップロードできます。 Makeappicon
シンプルなオンラインSVGエディタ・「Method Draw」
Method Draw Method DrawはシンプルなSVGエディタです。高機能ではありませんが、動作も軽量で基本機能もしっかいｒ備わっています。 Method Draw
Twitter BootstrapのCSSをオンラインで作成・「StyleBootstrap.info」
StyleBootstrap.info StyleBootstrap.infoは、Twitter BootstrapのCSSをオンラインで作成出来るジェネレーター。容易にBootstrapのカラーをカスタマイズする事が出来ます。ただし...
様々なコードスニペットを保存、編集できる・「SnipSave」
SnipSave SnipSaveは、スニペットコードを保存できるシンプルなコード共有サービスです。ユーザー登録も無料。高機能では有りませんが、使いやすく、広告も無いので見やすいです。 SnipSave
Webサイトの表示速度を計測できる・「Pingdom」
Pingdom Pingdomは、公開されているWebサイトの表示速度を計測し、速度を遅くしている要因を教えてくれるツール。URLを入力するだけで計測してくれます。 Pingdom
Web上でSQLをテストできる・「SQL Fiddle」
SQL Fiddle SQL FiddleはWeb上でSQLを実行テストできるツールです。MySQLやPostgreSQL、SQLiteなどに対応しています。 SQL Fiddle
レスポンシブWebデザインのレイアウトチェックツール・「The Responsinator」
The Responsinator The Responsinatorは、レスポンシブWebデザインの表示テストを行えるツールです。縦長になってしまうのですが、まとめて表示確認出来るのは便利だと思います。 The Respons...
オンラインでCSSやJavaScriptを圧縮・「Online YUI Compressor」
Online YUI Compressor Online YUI CompressorはYUIのオンライン版でCSSやJavaScriptを圧縮するツールです。公開しているファイルにも対応できます。 Online YUI Com...
レスポンシブWebデザイン対応のテンプレ生成ジェネレーター・「Responsify」
Responsify Responsifyは、レスポンシブWebデザインに対応したWebサイトのテンプレートを作成出来るジェネレーターです。グリッドのカラム数やブレークポイントなどを指定してからダウンロードします。 Respon...
画像をDataURIスキームに変換する・「Data URI Generator」
Data URI Generator Data URI Generatorは画像をアップロードすると、同じ画像をDataURI形式で出してくれるジェネレーターです。尚、画像の大きさには制限があります。 Data URI Gene...