カラーパレットを共有できる・「PLTTS」 PLTTS PLTTSはカラーパレットを共有出来るWebサービスです。カラーコードで検索すると、そのカラーが含まれるパレットを調べられるので参考にしたりインスピレーションの向上にもなるかもしれません。まだ数は多くないですが、シェアサー...2013.06.08 | 11時57分20秒
カウントダウンをGIFアニメで作成出来る・「Gif Countdown」 Gif Countdown Gif CountdownはよくあるカウントダウンタイマーをGIFで作れるWebツールです。需要はともかく技術が面白かったです。色の変更やタイムゾーンの指定も可能ですが、含まれるテキストは今の所、固定のよう...2013.06.05 | 11時13分28秒
BootstrapなどのフレームワークもサポートのWin/Mac対応オーサリングソフトウェア・「Pingendo」 Pingendo 各種フレームワークがビルトインされたオーサリングツール・Pingendoです。日本語も問題なし。Windows版とMac版が用意されています。使ってみた感じ、割と使いやすい印象でした。今だけかもしれませんが無料で利用...2013.06.01 | 12時06分51秒
Webサイトのサイトマップを作る為のCSS・「SlickMap CSS」 SlickMap CSS SlickMap CSSは、サイトマップを作る為のCSSです(sitemap.xmlではなく、人用のサイトマップ)。上図のように、階層を分かりやすく可視化し、ユーザーに取って分かりやすいナビゲーションを作成す...2013.05.29 | 10時38分32秒
レスポンシブWebデザイン用のモックアップを作成できる・「FROONT」 FROONT FROONTは、ブラウザでレスポンシブWebデザインに対応したWebサイトのモックアップを作成出来るサービス。ドラッグ&ドロップを基本操作としているので手軽に作成できそう。利用にはユーザー登録が必要です。 FROO...2013.05.25 | 10時30分29秒
レスポンシブWebデザイン対応のHTML5 / CSS3テンプレートを配布する・「HTML5 Up!」 HTML5 Up! HTML5 Up!は様々なHTML5 / CSS3なテンプレを配布するWebサイトです。全てレスポンシブWebデザインに対応しています。現在12~13個ほどあり、素敵なデザインに仕上がっています。ライセンスはCC-...2013.05.23 | 10時39分41秒
手軽にHTML形式のプレゼンテーションを作成できる・「Slid.es」 Slid.es Slid.esは、HTML形式のプレゼンテーションスライドを手軽に作成、共有出来るWebサービスです。モバイルにも対応しています。WYSIWYGを使ってスライドを作成していきます。アカウントはGoogleやFacebo...2013.05.15 | 16時34分40秒
WordPressのプラグインで上位ダウンロード数TOP108を元素記号のように一覧化したWebサイト・「The Periodic Table of WordPress Plugins」 The Periodic Table of WordPress Plugins The Periodic Table of WordPress Pluginsは最もダウンロードされているWordPressプラグインを108個、一覧化し...2013.05.05 | 10時30分00秒
Webページのベースラインをチェック出来るブックマークレット・「Gridwax」 Gridwax GridwaxはWebページのベースラインをチェック出来るブックマークレットです。起動させると、ラインが表示されます。グリッドの高さはshift+↑や↓で、位置はshift+→や←で調整できます。グリッドの色は起動後に...2013.04.23 | 10時42分48秒
ドラッグ&ドロップでBootstrapのレイアウトを作成出来る・「LayoutIt!」 LayoutIt! LayoutIt!hは、D&DでBootstrapのレイアウトを作成出来るWebツールです。まだベータ版で若干バグ的なものも確認出来ますが、それなりに作成出来るようです。フォームやボタン、プログレスバーなどのコンポ...2013.04.20 | 10時53分23秒
CSSのショートハンドを解除してから整形する・「FESS」 FESS FESSはCSSのショートハンドを解除して整形するWebツール。解除する機会は一般的にはあまり無いかも知れない&まだベータ版なので優れた精度では無いけど、珍しいので。精度に関しては、例えば background:red u...2013.04.18 | 10時12分29秒
素敵なデザインのランディングページをまとめたギャラリー・「Land-book」 Land-book Land-bookは素敵なデザインのランディングページを収集しているギャラリーサイトです。海外のなので参考になるかどうかは別の話ですが、覚えておいて損は無いかと思います。 Land-book2013.04.17 | 12時28分59秒
国産のダミー画像生成サービス・「Placehold.jp」 Placehold.jp Placehold.jpは国産のダミー画像生成ツールです。画像サイズや任意のテキスト、背景やテキストカラーの変更や、JSONを使ったCSSによるカスタマイズなども可能です。 Placehold.jp2013.04.16 | 12時24分09秒
PDFファイルを画像やWord、Excel等にコンバートしたり24時間ホスティングしてくれる・「Cometdocs」 Cometdocs CometdocsはPDFファイルを様々な形式にコンバートしたり、時間限定でホスティングしたり、特定の誰かにメールを送ったり出来るPDF管理サービス。変換できるファイル形式はWordやExcelは勿論、GIFやPN...2013.04.16 | 10時35分40秒
Webサイトのスクリーンショットを撮って注釈をつけて共有できる・「Bounce」 Bounce BounceはWebサイトのスクショを撮って、任意の箇所に注釈をつけてシェア出来るツールです。Web上の相手に的確に場所を伝えるのに便利そうですね。 Bounce2013.04.14 | 11時44分21秒
ダミー画像を手軽に作成する・「PlaceIMG」 PlaceIMG PlaceIMGはダミー画像生成サービスです。マウスでスライダーを動かしてサイズを決めたり、数値でサイズを指定、ダミー画像のカテゴリの指定、フィルターでセピアやモノクロ化なども出来ます。 PlaceIMG2013.04.13 | 10時10分49秒
CSSを書いてリアルタイムでプレビューできる・「CSSDesk」 CSSDesk CSSDeskはその場でCSSを書くと、すぐに結果が反映されるインタラクティブなWebツールです。背景の変更や書いたコードをHTMLでダウンロードする事も可能。 CSSDesk2013.04.12 | 12時37分00秒
Web制作に役立つツールをまとめている・「WebPlatformTools.org」 WebPlatformTools.org WebPlatformTools.orgはWeb制作に役立ちそうな様々なツールをまとめているWebサイトです。カテゴリ分けもしっかりされていてサムネイルもあるので探しやすいかも。 Web...2013.04.10 | 10時27分01秒
任意のWebサイトの使用カラーを抽出する・「ColrGrabr」 ColrGrabr ColrGrabrは、任意のWebサイトで使用されているカラーを抽出するツール。使う機会は少なそうだけど、時には便利な事もあるかも。ブックマークレットも用意されています。 ColrGrabr2013.04.10 | 9時54分07秒
テキストの差分をチェックするだけのシンプルツール・「Diff Checker」 Diff Checker Diff Checkerはテキストの差分をチェックするだけのシンプルなツールです。左と右のフィールド内のテキストの差分をハイライトします。軽量で地味に便利かもしれません。が、日本語対応はあまり期待できません。...2013.04.02 | 10時40分14秒
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秒