スマフォやタブレット向けのCSSフレームワーク・CLANK CLANK CLANKはスマフォやタブレットデバイスのWebアプリ向けに作られたCSSフレームワークです。コンポーネントも多数揃えられており、SCSSで作られているそうです。シンプルで使いやすそうですね。 CLANK2013.10.14 | 14時11分32秒
Dribbbleでの人気の投稿を日々紹介する・DAILYBBBLE DAILYBBBLE DAILYBBBLEはDribbbleで投稿された作品で人気や話題になったものを日々紹介するWebサイトです。紹介された作品は日ごとにアーカイブされており、RSSやメールで購読する事も出来るようです。ギャラリーと...2013.10.13 | 11時19分55秒
Twitter Bootstrapで作られた様々なテンプレートを配布する・「Start Bootstrap」 Start Bootstrap Start BootstrapはTwitter Bootstrapで使える様々なテンプレートを配布するWebサイトです。ギャラリーサイト用、フルスクリーンなレイアウト、ブログ風など多岐に渡ります。スター...2013.09.30 | 11時20分29秒
Twitter Bootstrapベースの管理画面デザインテンプレート・「TemplateVamp」 TemplateVamp TemplateVampはTwitter Bootstrapを使ったWebアプリの管理画面デザインテンプレートで、無料で配布されています。動作デモをみた感じでは、かなり見やすく使いやすい印象でした。カスタマイ...2013.09.24 | 11時27分49秒
RWDのワイヤーフレームを作成出来る・「Responsive Wireframes」 Responsive Wireframes Responsive WireframesはRWD向けのWebサイトのワイヤーフレームを作成出来る、というツール。画面サイズを見ながらレイアウトを作ることが出来ます。凝ったことは出来ませんが...2013.09.23 | 10時40分06秒
CSS3を手軽に試せるジェネレーター・「CREATE CSS3」 CREATE CSS3 CREATE CSS3は手軽にCSS3を試せるツールです。数値を入力すると、要素に反映され、コードも表示してくれます。シンプルなのでちょっと試したい、という時は便利かもしれません。 CREATE CSS32013.09.08 | 10時48分56秒
iOS 7のルック&フィールを持ったモバイルWebアプリ向けUIフレームワーク・「ChocolateChip-UI」 ChocolateChip-UI ChocolateChip-UIはiOS 7のルック&フィールを持つモバイルWebアプリケーション向けUIフレームワークです。多数のコンポーネントが用意されています。本フレームワークは以前より開発が進...2013.09.01 | 10時20分49秒
UIコンポーネントを大量に収集、検索出来る・「UIBox」 UIBox UIBoxはHTMLやCSS、JavaScriptによるUIコンポーネントを大量に収集、検索出来るWebサイトです。タグやキーワードで探せて、ダウンロードページへのリンクや詳細、ライセンスも記載されています。覚えておくと、...2013.08.29 | 10時30分29秒
スマフォアプリのUIでクールなデザインを集めたギャラリー・「Inspired UI」 Inspired UI Inspired UIはiOSやAndroidのアプリでクールなUIのデザインを集めたWebサイトです。Tumblrで作ってるみたいですがリブログは出来ないようにしてるみたいですね。かなりの数を揃えているようで...2013.08.27 | 10時24分40秒
ブラウザ上でCSSによる3Dを作れるエディタ・「Tridiv」 Tridiv Tridivはブラウザ上でCSSによる3Dシェイプを作成出来るエディタ。予め用意された複数のシェイプを使って3Dコンテンツを作ることが出来ます。面に画像を使う事も出来ますが、こちらはURLを指定する形になるみたい。 ...2013.08.22 | 10時37分18秒
入力したHTMLのclassやidを元にCSSの雛形を作る・「extractCSS」 extractCSS extractCSSは入力されたHTMLのclassやidを元にCSSを作るWebツール。Githubにてソースも公開されています。Bear CSSと同じようなツールですが、extractCSSは作成時にclas...2013.08.21 | 10時39分44秒
Chrome Developer ToolsやSublime Text 2のテーマをギャラリーにしている・「devthemez」 devthemez devthemezはChromeのデベロッパーツールやSublime Text2のテーマをギャラリーにしているWebサイトです。毎日のように見る画面なので出来る限り見やすく読みやすいテーマにしたい所ですね。 ...2013.08.17 | 10時55分36秒
商用でも使えるシンプルなアイコンを大量に配布する・「Simple Icons」 Simple Icons Simple Iconsはシンプルなアイコンを大量に配布するWebサイトです。商用でも無料で利用出来るとの事。PNGはサイズも64 x 64、128 x 128、256 x 256、512 x 512などが揃...2013.08.16 | 10時41分31秒
デバイス別にレイアウトを作れるレスポンシブWebデザイン用CSS作成ツール・「Responsive Web Css」 Responsive Web Css Responsive Web Cssは、iPhoneやiPad、PCなどのデバイスの画面サイズ毎にレイアウトを作れるレスポンシブWebデザイン向けのCSS作成ツール。ボックスはカラムを追加して幅を...2013.08.13 | 10時27分56秒
任意のWebページにWebフォントを使った状態で表示確認できる・「TypeWonder」 TypeWonder TypeWonderは任意のWebページで、Webフォントを使用した状態の表示確認が出来るツール。URLを指定し、Webフォントを選択すると、そのWebフォントを使った状態でWebサイトが表示されます。確認はして...2013.08.09 | 10時40分58秒
HTML5製のアニメーションエフェクトコンテンツを作れる・「 HTML5MAKER」 HTML5MAKER HTML5MAKERは、HTML5製のアニメーションエフェクトのあるコンテンツを作成できるWebアプリです。専門的な知識は不要で、素敵なエフェクトのあるビジュアルコンテンツを作成できます。テンプレートも用意されて...2013.08.08 | 10時13分46秒
WebサイトのスクリーンショットをiPhoneやiPad、Androidなどを模したイラストと合成できる・「MockUPhone」 MockUPhone MockUPhoneはiPhoneやiPad、Androidなどを模したイラストにスクリーンショットを合成出来る、というモックアップツール。そのデバイスで閲覧しているような画像を手軽に作ることが出来ます。 ...2013.08.04 | 11時04分09秒
Illustratorで使えるiOS7用のワイヤーフレームキット・「iOS 7 Wireframe Kit」 iOS 7 Wireframe Kit iOS 7 Wireframe Kitはイラレで使えるiOS7用のワイヤーフレーム作成キットです。ツールやナビゲーションなどの各種バーコンテンツやスイッチボタン、テーブル、アラートなどなど一...2013.08.03 | 10時39分01秒
SVGによる背景を作成出来る・「SVGeneration」 SVGeneration SVGenerationはSVGによる背景を作成出来るジェネレーターです。Easy Editで用意されたデザインの色を変更したり、Code Editでその用意された背景のSVGやCSSをカスタマイズすることも...2013.07.31 | 10時23分56秒
Webフォントを使ったWebデザインをコレクションしている・「Typewolf」 Typewolf TypewolfはWebフォントを使ったWebデザインをコレクションしてショーケースにしているWebサイトです。フォント別にカテゴリ分けしてあるみたい。まだ数は多くありませんが、増えれば良いインスピレーションを期待で...2013.07.29 | 9時41分36秒
UIアニメーションの動きをgifアニメでTumblrに収集している・「UI Animations」 UI Animations UI AnimationsはUIアニメーションをGifアニメにしてTumblrで収集しているサイトです。実際に触って体感することも大事ですが、こうして見るだけでも参考になりそうですね。まだ数は少ないですが、...2013.07.24 | 10時20分18秒
Webフォントを使ったWebデザインのギャラリー・「WebfontsCorner 」 WebfontsCorner WebfontsCornerはWebフォントを使っているWebデザインをギャラリーにしているコレクションサイトです。まだ数は少ないですが、シンプルで見やすい印象ですので覚えておいて損は無さそうです。 ...2013.07.23 | 10時25分45秒