Resource - Archives

動作も軽く使いやすいモックアップ作成ツール・「Moqups」

Moqups Moqupsは動作も軽く、直感で使えるモックアップ作成ツールです。ドラッグ&ドロップで楽に操作することが出来て、基本的な機能も全て揃っています。ただし、画像をアップロードするにはユーザー登録が必要となります。 Mo...

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

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

オン/オフの切り替えスイッチをスタイル・「On/Off Flipswitch HTML5/CSS3 Generator」

On/Off Flipswitch HTML5/CSS3 Generator On/Off Flipswitch HTML5/CSS3 Generatorは、オン/オフの切り替えスイッチをスタイルできるジェネレーターです。スマフォライ...
Ads

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

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

レスポンシブ且つグリッドなレイアウト生成ジェネレーター・「gridpak」

gridpak gridpakは、レスポンシブWebデザインに対応したグリッドレイアウトジェネレーターです。従来のグリッドジェネレーターにブレークポイントを設定出来る項目が付いているので操作も楽に行えます。 gridpak

オンラインのMarkdownエディタ・「Dillinger」

Dillinger Dillingerは、オンラインのMarkdownエディタです。コードはリアルタイムで反映され、Dropboxに保存したり、HTMLでエクスポートする事も可能です。 Dillinger

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

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

オンラインで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エディタです。高機能ではありませんが、動作も軽量で基本機能もしっかいr備わっています。 Method Draw

Twitter BootstrapのCSSをオンラインで作成・「StyleBootstrap.info」

StyleBootstrap.info StyleBootstrap.infoは、Twitter BootstrapのCSSをオンラインで作成出来るジェネレーター。容易にBootstrapのカラーをカスタマイズする事が出来ます。ただし...

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

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