モバイルサイト向けのWebサイトビルダー・「Mobirise」 Mobirise Mobiriseはモバイルサイト向けのWebサイトビルダーです。Win及びMac用がそれぞれ用意されており、ドラッグ&ドロップで構築出来るのでコーディングも不要でモバイルフレンドリーなWebサイトを構築出来るとの事で...2015.07.03 | 10時22分11秒
レスポンシブWebデザイン対応のミニマルなUIフレームワーク・「KATHAMO」 KATHAMO KATHAMOはRWD対応のミニマルなCSSフレームワークです。モバイルフレンドリーなフォームやテーブル、リストやアラートなどのコンポーネントが用意されていますが、本当に必要最低限しか用意されていない印象です。個人的に...2015.07.01 | 9時47分56秒
ランディングページ専門のWebデザインギャラリー・「LAPA」 LAPA LAPAはLP専門のWebデザインギャラリーサイトです。Tumblrが使われています。所謂シングルページ、ペライチなサイトのWebデザインを収集しているみたいです。何年か前にも日本で見かけましたが、こちらは海外のWebサイト...2015.06.30 | 10時11分52秒
Twitter Bootstrapの有料/無料テンプレートを配布する・「ShapeBootstrap」 ShapeBootstrap ShapeBootstrapはBootstrapのテンプレート配布サイトです。有料と無料のものが用意されていますが、無料版も結構な数があるようです。ダウンロード出来るだけでなく、開発者による販売も可能なの...2015.06.29 | 10時19分17秒
様々な企業が採用しているブランドカラーをまとめた・「BrandColors」 BrandColors BrandColorsは様々な企業がブランドカラーとして採用しているカラースキームを確認、各フォーマットでダウンロードできるWebサービスです。掲載されている企業はメーカーからWebサービス運営企業まで様々です...2015.06.28 | 10時04分30秒
アクセスしたブラウザがHTML5をどの程度サポートしているか等のスコアを表示するOSS・「html5test」 html5test html5testはアクセスしたブラウザがHTML5をどの程度サポートしているかを表示してくれるツールです。オープンソースとしてもコードが公開されています。それぞれのカテゴリに分けられていて、各項目のサポートの有無...2015.06.27 | 9時37分28秒
Webサイトの背景用の動画をCC0ライセンスで公開している・「Coverr」 Coverr CoverrはWebサイトの背景用の動画をパブリックドメインで公開、配布しているWebサイトです。毎週月曜日に7つの動画を配布するみたい。動画を背景にする為のJavaScriptやCSS、HTML等のコードも書いてくれて...2015.06.21 | 9時05分31秒
ドラッグ&ドロップでレスポンシブWebデザイン対応のWordPressテーマを管理画面内で作成・「Themify Flow」 Themify Flow Themify Flowはドラッグ&ドロップでRWD対応のWordPressテーマを作成する事が出来るテーマビルダーです。WordPressテーマとして動作するようで、管理画面内で作成する事が出来ます。と言っ...2015.06.20 | 10時35分39秒
手軽にグラフを作成し、PDFやPNG、SVG等でダウンロード出来る・「Really Easy Charts」 Really Easy Charts Really Easy Chartsはお手軽簡単にグラフを作成し、PDFやPNG、SVGなどのフォーマットでダウンロード出来るソフトウェアです。グラフのタイプ(線グラフ、棒グラフ、円グラフ)を選択...2015.06.18 | 9時04分38秒
高品質な写真素材を提供するユーザー参加型ストックフォトサイト・「tookapic stock photos 」 tookapic stock photos tookapic stock photosはユーザー参加型のストックフォトサイトです。と言ってしまうと少し語弊があるのですが、tookapic.comはフォトグラファーのスキルアップとモチベ...2015.06.17 | 9時36分11秒
Bootstrapの為のカード型UIフレームワーク・「Bootcards」 Bootcards BootcardsはBootstrapの為のカード型UIフレームワークです。カード型UIとは最近TwitterやGoogle等が提唱し始めたスタイル(?)です(参照:Twitterカード、Google Now カー...2015.06.16 | 9時37分01秒
任意の画像を元にしたグラデーションカラーをCSSで作成する・「Gradify」 Gradify Gradifyは任意の画像に沿ったグラデーションカラーを作成、CSSで提供してくれるOSSです。画像の中で印象的な色を取り出して、そのカラーコードを元にCSSグラデーションを作成出来る、というもののようですね。用途は僕...2015.06.15 | 9時51分36秒
商用利用も可能な動画やモーショングラフィックを無料配布するビデオストックサイト・「VIDEVO」 VIDEVO VIDEVOは動画やモーショングラフィックを無料で配布する動画ストックサイトです。結構な数が用意されてるみたいですね。商用利用も可能ですが、クレジットの有無等、詳細はそれぞれ異なるので利用の際はご確認下さい。ダウンロード...2015.06.14 | 14時21分59秒
スマフォTodoリストアプリのPhotoshopとSketch向けUIキット・「Free to-do app UI kit for Photoshop and Sketch」 Free to-do app UI kit for Photoshop and Sketch Free to-do app UI kit for Photoshop and SketchはスマフォTodoリストアプリの為のPhotos...2015.06.12 | 11時02分37秒
CSSのボックスモデルをインタラクティブに視覚化してくれる・「angular interactive box-model diagram」 angular interactive box-model diagram angular interactive box-model diagramはCSSにおけるボックスモデルをインタラクティブに視覚化してくれるツールです。サイズ...2015.06.11 | 10時28分54秒
イメージギャラリー等で使うようなグリッドレイアウトでアイテムの数に関係なく幅を揃えてくれるスクリプト・「Layout Balancer」 Layout Balancer Layout Balancerはイメージギャラリー等でよく使われているグリッドレイアウトで、アイテムの数に関係なく幅を揃えてくれるスクリプトです。jQueryに依存しています。語彙が乏しいのでうまく...2015.06.09 | 10時13分33秒
Dribbbleに投稿された作品をシンプルなインターフェースで閲覧出来る・「Dribbbleboard」 Dribbbleboard DribbbleboardはDribbbleに投稿された作品をシンプルなインターフェースでブラウジング出来るクライアントツールです。ソートは人気の作品、すべての作品、最新の作品のみで、ギャラリー形式に作品が...2015.06.06 | 10時33分30秒
複数のJavaScriptライブラリを1つのファイルにまとめて圧縮してくれる・「Javascript Library Generator」 Javascript Library Generator Javascript Library Generatorは複数のJSライブラリをひとまとめにして圧縮してくれるパッケージツールです。数多のライブラリを選択してダウンロードするだ...2015.06.04 | 10時11分45秒
jQueryを使わずに~したい、を調べられる逆引きリファレンス・「Plain JavaScript」 Plain JavaScript Plain JavaScriptはjQueryを使わずにDOM操作等を行う方法を調べることが出来る逆引きリファレンスサイトです。jQueryはJavaScriptに詳しくなくても容易にDOM操作を可能...2015.06.03 | 11時13分04秒
背景色を指定するとWCAGのガイドラインに基づいたテキストカラーをピックアップしくれるカラーツール・「COLOR SAFE」 COLOR SAFE COLOR SAFEは背景色を設定すると、WCAGガイドラインに基づいたテキストカラーをパレットにして提出してくれるアクセシビリティカラーツールです。任意のテキスト、フォントの種類やサイズ、太さの指定も可能となっ...2015.06.02 | 10時14分16秒
ベーシックで使いやすそうなBootstrap向け管理画面テンプレート・「Gentallela」 Gentallela GentallelaはベーシックなBootstrap Adminテンプレートです。ゴチャゴチャしておらず、使いやすそうな印象でした。チャートやカレンダー、フォーム等だけでなく、請求書やデータグリッドなどのスタイル...2015.06.01 | 10時40分35秒
閲覧中のWebページのワイヤーフレームをオーバーレイ表示出来るChromeエクステンション・「Instant Wireframe」 Instant Wireframe Instant Wireframeは閲覧中のWebページのワイヤーフーレムを表示するChrome拡張です。起動すると閲覧しているWebページの画像部分がダミー画像になったりコンテナがオーバーレイ表示...2015.05.30 | 10時37分05秒