Resource - シンプル

猫の画像をダミー画像として使える・「{placekitten}」

{placekitten} {placekitten}は猫の画像をダミー画像として利用出来るツールです。URLでサイズやモノクロ指定をするだけでダミー画像が表示されます。 {placekitten}

transition-timing-functionのcubic-bezier関数を動作を見ながら設定出来る・「Visualize and manipulate CSS transition functions」

Visualize and manipulate CSS transition functions Visualize and manipulate CSS transition functionsはCSS3のtransition-t...

モバイルファーストなCSSフレームワーク・「Blok Grid System」

Blok Grid System Blok Grid SystemはモバイルファーストなレスポンシブWebデザイン対応のCSSフレームワークです。スマフォ、タブレットを中心に考えたCSSで構築されています。IE8にも対応。 Bl...

シンプルなコードスニペット共有サービス・「Code Pad」

Code Pad Code Padはシンプルなスニペット共有サービスです。招待制となっていますので投稿テスト等のノイズもありません。クリック一発でコピーしたりDL可能となっています。 Code Pad

画像をドラッグ&ドロップでアップロードし、DataスキームURIに変換する・「Duri.me」

Duri.me Duri.meは画像をD&Dでアップロードし、DataURIに変換するジェネレーターです。作成後はCSS、imgタグ等をコピーできます。 Duri.me

面倒な作業のみをカバーしたシンプルなCSSフレームワーク・「inuit.css」

inuit.css inuit.cssは、面倒な作業のみをカバーしたシンプルなSassベースのCSSフレームワークです。コアと別用途向けのCSSを分けてあるため、例えばグリッドレイアウトにする場合は別途用意されたCSSを使うようにしま...

色々な企業のブランドカラーを一覧化した・「GUIDELINE COLOURS」

GUIDELINE COLOURS GUIDELINE COLOURSは、様々な企業が採用したブランドカラーを一覧として閲覧できるサイト。色からブランドのサイトへ飛べるようになっています。インスピレーションの向上に。 GUIDE...

HTML、CSS、JavaScriptのコード整形ツール・「Dirty Markup」

Dirty Markup Dirty Markupは、HTMl、css、JavaScriptのコードをインデントして整形してくれるツールです。高機能ではありませんが、シンプルで使いやすく、動作も軽量です。 Dirty Marku...

シンプルなオンラインSVGエディタ・「Method Draw」

Method Draw Method DrawはシンプルなSVGエディタです。高機能ではありませんが、動作も軽量で基本機能もしっかいr備わっています。 Method Draw

様々なコードスニペットを保存、編集できる・「SnipSave」

SnipSave SnipSaveは、スニペットコードを保存できるシンプルなコード共有サービスです。ユーザー登録も無料。高機能では有りませんが、使いやすく、広告も無いので見やすいです。 SnipSave

HTML5スニペットの共有サイト・「HTML5 Snippets」

HTML5 Snippets HTML5 SnippetsはHTML5で使えるスニペットをまとめたWebサイト。個別ページではサンプルコードと動作デモを確認する事が出来ます。 HTML5 Snippets

CSSからLESSへ変換・「Css2Less」

Css2Less Css2LessはCSSをLESS形式に変換してくれるツール。OSSとしても公開されています。Rubyを使って動かしてるみたい。 Css2Less
Ads