Webページの任意の箇所をハイライトして共有できる・「inFocus.cc」 inFocus.cc inFocus.ccは特定のWebページの任意の箇所をハイライトさせて共有できるWebツールです。画像として保存されるものではなく、マウスで設定して保存するとURLが発行される、というもの。特定の箇所をシンプルに...2013.04.01 | 10時44分29秒
オンラインでシンプルなダイアグラムを生成出来る・「Graphity Diagram Editor」 Graphity Diagram Editor Graphity Diagram Editorはオンラインでシンプルなダイアグラムを生成できるWebツールです。マウスで直感的に作成、画像にエクスポートすることも出来ます。また、作成途中...2013.03.29 | 11時52分41秒
CSS3を使ったエレメントを簡単に作成出来るChrome拡張・「CSS-SHACK」 CSS-SHACK CSS-SHACKはChromeでCSS3を使ったエレメントを作成できるアプリケーションです。右のツールボックスで装飾するとリアルタイムで反映、そのままソースをエクスポートできるようになっています。レイヤー機能も付...2013.03.28 | 12時56分02秒
一度だけダウンロードできるファイル転送サービス・「JustBeamIt」 JustBeamIt JustBeamItは一度だけダウンロードできるファイル転送サービスです。ファイルをドラッグ&ドロップするとアップロードされ、URLが発行されるので送りたい相手にそのURLを知らせる、というシンプルなもの。ファイ...2013.03.26 | 10時08分46秒
猫の画像をダミー画像として使える・「{placekitten}」 {placekitten} {placekitten}は猫の画像をダミー画像として利用出来るツールです。URLでサイズやモノクロ指定をするだけでダミー画像が表示されます。 {placekitten}2013.03.23 | 12時00分47秒
デバイス画像のモニターにサイトを表示させてレスポンシブ対応状態を確認する・「Am I Responsive?」 Am I Responsive? Am I Responsive?は、レスポンシブWebデザイン対応かどうかを確認するチェックツールです。デバイス画像のモニター部分はフレームの為、URLを指定すると上図のデバイス画像内に実際にサイトが...2013.03.17 | 19時32分46秒
動作も軽く使いやすいモックアップ作成ツール・「Moqups」 Moqups Moqupsは動作も軽く、直感で使えるモックアップ作成ツールです。ドラッグ&ドロップで楽に操作することが出来て、基本的な機能も全て揃っています。ただし、画像をアップロードするにはユーザー登録が必要となります。 Mo...2013.03.11 | 10時59分14秒
オン/オフの切り替えスイッチをスタイル・「On/Off Flipswitch HTML5/CSS3 Generator」 On/Off Flipswitch HTML5/CSS3 Generator On/Off Flipswitch HTML5/CSS3 Generatorは、オン/オフの切り替えスイッチをスタイルできるジェネレーターです。スマフォライ...2013.03.10 | 12時24分51秒
オンラインでjQuery UIのデザインを作成・「jQUIT」 jQUIT jQUITはjQuery UIのデザインをオンラインで作成出来るツールです。アコーディオンやタブ、ボタン等のスタイルを簡単に設定できます。 jQUIT2013.03.07 | 12時26分00秒
CSSを即時整形するツール・「CSS Beautify」 CSS Beautify CSS BeautifyはCSSを入力するだけで即時整形してくれるツール。SENCHAから提供されたソフトウェアです。 CSS Beautify2013.03.07 | 12時19分07秒
アイコンのデザインをカスタマイズしてダウンロード出来る・「IconBench」 IconBench IconBenchは、アイコンを選択してスタイリングし、そのままダウンロードできるツール。シンプルなアイコンにドロップシャドウやストローク等を加えてダウンロードする事が出来ます。 IconBench2013.03.04 | 13時58分36秒
PDFのグラフ用紙をオンラインで生成出来る・「Paperkit」 Paperkit Paperkitは、オンラインでグラフ用紙を生成出来るツール。サイズ、グリッドの幅や色を指定。PDFはBase64形式で発行されます。 Paperkit2013.03.04 | 10時02分52秒
CSSの更新状態を監視し、表示を即時反映させる・「CSSrefresh」 CSSrefresh CSSrefreshはサーバー側のCSSに更新があったら表示を即時反映させるスクリプトとブックマークレットです。開発者向けになります。環境次第では楽になる方もいるかもしれませんね。 CSSrefresh2013.03.01 | 13時46分00秒
色々な企業のブランドカラーを一覧化した・「GUIDELINE COLOURS」 GUIDELINE COLOURS GUIDELINE COLOURSは、様々な企業が採用したブランドカラーを一覧として閲覧できるサイト。色からブランドのサイトへ飛べるようになっています。インスピレーションの向上に。 GUIDE...2013.02.28 | 10時08分33秒
4つのCSSツールを1つのサイトに集約した・「CSSmatic」 CSSmatic CSSmaticは、4つのCSSツールを集約したツールサイトです。グラデーション、角丸、ノイズテクスチャ、ドロップシャドウを作成出来ます。 CSSmatic2013.02.27 | 10時53分02秒
アップロードした画像をスマフォのアプリアイコンにする・「Makeappicon」 Makeappicon Makeappiconは、アップロードした画像をスマフォ用のアプリアイコンのサイズにしてくれるジェネレーターです。画像は画面上にドロップすればアップロードできます。 Makeappicon2013.02.26 | 16時47分08秒
シンプルなオンラインSVGエディタ・「Method Draw」 Method Draw Method DrawはシンプルなSVGエディタです。高機能ではありませんが、動作も軽量で基本機能もしっかいr備わっています。 Method Draw2013.02.25 | 13時51分11秒
Twitter BootstrapのCSSをオンラインで作成・「StyleBootstrap.info」 StyleBootstrap.info StyleBootstrap.infoは、Twitter BootstrapのCSSをオンラインで作成出来るジェネレーター。容易にBootstrapのカラーをカスタマイズする事が出来ます。ただし...2013.02.25 | 13時51分04秒
Webサイトの表示速度を計測できる・「Pingdom」 Pingdom Pingdomは、公開されているWebサイトの表示速度を計測し、速度を遅くしている要因を教えてくれるツール。URLを入力するだけで計測してくれます。 Pingdom2013.02.23 | 12時02分42秒
レスポンシブWebデザインのレイアウトチェックツール・「The Responsinator」 The Responsinator The Responsinatorは、レスポンシブWebデザインの表示テストを行えるツールです。縦長になってしまうのですが、まとめて表示確認出来るのは便利だと思います。 The Respons...2013.02.21 | 22時14分17秒
画面サイズごとの表示を確認出来る・「Screenqueri.es」 Screenqueri.es Screenqueri.esはレスポンシブWebデザインの表示確認ツール。iPhone、iPadやAndroidのような人気デバイスに限らず、GalaxyやBlackBerry、Kindleなど様々なデバ...2013.02.21 | 19時57分04秒
色を指定したら、その色に関連した色合いを抽出してくれる・「colllor」 colllor colllorは色のコードを指定する事で、その色と相性の良い色、トーンなどを抽出してくれるカラーツールです。 colllor2013.02.21 | 19時37分51秒