4つのCSSツールを1つのサイトに集約した・「CSSmatic」 CSSmatic CSSmaticは、4つのCSSツールを集約したツールサイトです。グラデーション、角丸、ノイズテクスチャ、ドロップシャドウを作成出来ます。 CSSmatic2013.02.27 | 10時53分02秒
レスポンシブWebデザインのレイアウトチェックツール・「The Responsinator」 The Responsinator The Responsinatorは、レスポンシブWebデザインの表示テストを行えるツールです。縦長になってしまうのですが、まとめて表示確認出来るのは便利だと思います。 The Respons...2013.02.21 | 22時14分17秒
レスポンシブWebデザイン対応のテンプレ生成ジェネレーター・「Responsify」 Responsify Responsifyは、レスポンシブWebデザインに対応したWebサイトのテンプレートを作成出来るジェネレーターです。グリッドのカラム数やブレークポイントなどを指定してからダウンロードします。 Respon...2013.02.21 | 20時22分34秒
画像をDataURIスキームに変換する・「Data URI Generator」 Data URI Generator Data URI Generatorは画像をアップロードすると、同じ画像をDataURI形式で出してくれるジェネレーターです。尚、画像の大きさには制限があります。 Data URI Gene...2013.02.21 | 20時15分58秒
画面サイズごとの表示を確認出来る・「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秒
様々なWebサイトのワイヤーフレームを紹介する・「Wireframe Showcase」 Wireframe Showcase Wireframe Showcaseは様々なWebサイトのワイヤーフレームを紹介するギャラリーサイト。実際に公開されているサイトとそのワイヤーフレームをギャラリーとして紹介しています。 Wi...2013.02.21 | 18時54分49秒
ドラッグ&ドロップでGIFアニメをオンライン生成・「Mothereffinanimatedgif」 Mothereffinanimatedgif Mothereffinanimatedgifはドラッグ&ドロップでアニメーションgifを作成出来るジェネレーター。中央にgifアニメに使いたい画像をドロップしていけばアニメーションgifが...2013.02.21 | 18時26分22秒
HTML5のテンプレートを作るスタータージェネレーター・「Initializr」 Initializr InitializrはHTML5で作るWebサイトを構築するためのスターターキットをジェネレートするツールです。様々なオプションもあるので好みの雛形を作成する事が可能です。 Initializr2013.02.21 | 18時18分43秒
オンラインでクロスブラウザテスト・「browserling」 browserling browserlingはクロスブラウザのテストを行えるツールです。バージョン別の様々なブラウザでの表示を確認できます。 browserling2013.02.21 | 18時14分35秒
Android専門のアプリUIギャラリー・「Android App Patterns」 Android App Patterns Android App PatternsはAndroidに特化したアプリのUIパターンデザインギャラリー。ユーザーに人気のアプリのUIを表示確認する事が出来ます。 Android App...2013.02.21 | 16時01分07秒
ダミー画像を簡単に生成出来る・「placebox.es」 placebox.es placebox.esはURLからダミー画像を生成出来るWebツール。サイズや色を指定すれば、その設定に見合ったダミー画像が表示される。 placebox.es2013.02.20 | 21時37分00秒
iOS向けの様々なフレームワークをまとめた・「iOS Frameworks」 iOS Frameworks iOS FrameworksはiOS向けのアプリやWebサイトなどを制作するためのフレームワークをまとめたWebサイト。ゲームエンジンやUIフレームワークなどコレクションされたフレームワークの種類は様々で...2013.02.20 | 13時19分28秒
色に関する様々な情報を提示してくれる・「ColorHexa」 ColorHexa ColorHexaは色に関する様々な情報を教えてくれるWebツール。指定した色と相性の良い色やRGB、CMYKから、カラースキームなども生成。CSSや、テキストに使用した際のデモなども。 ColorHexa2013.02.20 | 12時29分30秒
iPhone/iPad用のPhotoshop用テンプレート・「Photoshop Grids」 Photoshop Grids Photoshop Gridsは、iPad/iPhone用のグリッドとして作られたPhotoshop用テンプレート。ガイドも既に引かれており、モバイルファーストなWeb制作向けとして使えるようになってい...2013.02.20 | 2時02分06秒
Fireworksライクなモックアップ作成ツール・「Stylo」 Stylo StyloはFireworksっぽいUIのモックアップ作成Webツール。現在はCWebkitのみ対応。Githubでもソースが公開されています。 Stylo On github2013.02.20 | 0時54分09秒
CSSを綺麗に整形する・「ProCSSor」 ProCSSor ProCSSorは、CSSを自動で整形してくれるWebツール。プロパティの記述ルールやインデントレベルも指定可能です。 ProCSSor2013.02.19 | 17時15分11秒