ロイヤリティフリーなストックフォトを一纏めにしている・「TheStocks」
TheStocks TheStocksはWeb上のロイヤリティフリーなストックフォトだけを集めているWebサイトです。様々なストックフォトサイトのロイヤリティーフリー画像だけがまとめてあります。フレーム内に各Webサイトの該当するペー...
Resource - Webデザイナー向け
YoutubeやVimeoを使った動画サイトを構築する為のシンプルなCMS・「Cinematico」
Cinematico CinematicoはYoutubeやVimeoを使った動画サイトを構築出来るシンプルなCMSです。PHP製でDBは不要みたいですね。動作にはPHP 5.3.6以上、mcryptエクステンション、mod_rewr...
アニメーションGifに関する様々なツールを提供する・「Ezgif.com」
Ezgif.com Ezgif.comはアニメーションGifに関する様々なツールを公開しているWebサービスです。アニメーションを維持したままファイルサイズを圧縮したりエフェクトをかけたり切り取ったり、サイズを縮小したりといった事が可...
商用でも無料で使える高品質な画像を集めた・「GRATISOGRAPHY」
GRATISOGRAPHY GRATISOGRAPHYは商用でも無料利用可能で高品質な写真を集めたWebサイトです。ちょっとオシャレな写真ばかりで解像度も高いみたいです。ダミー画像にも使えそうですね。ライセンスはCC0なので安心して自...
JPGを圧縮出来るmozilla製のmozjpegを試せる・「mozjpeg encoder」
mozjpeg encoder mozjpeg encoderはMozillaが公開したJPGエンコーダーのmozjpegを試すことが出来るツールです。品質を設定してD&Dすればいいだけ。画像は10分後にサーバーから自動で削除されるそ...
ダミー用のアイコンを配布する・「Lorem Icon」
Lorem Icon Lorem Iconはダミーとして利用する為のプレースホルダーアイコンを配布するWebサイトです。フリー利用可能なものなら何でもこの手の役割を果たしそうなのでこのサイトが大きな需要があるかは謎ですが、安心してモッ...
AngularJSとBootstrapを使ったシンプルなRWD対応のダッシュボードのテンプレート・「Responsive Dashboard」
Responsive Dashboard Responsive DashboardはAngularJSとBootstrapを使ったシンプルなデザインの管理画面のテンプレートです。レスポンシブWebデザインに対応しています。WordPr...
3Dモデルを探す為の検索エンジン・「Yobi3D」
Yobi3D Yobi3Dは3Dモデルのデータ専門の検索エンジンです。人物やキャラクター、インテリア、車のパーツなどなど様々なデータを検索する事ができます。データはビューワ下部のリンク先からダウンロードします。 Yobi3D
フリーで公開されている、パワフルなベクターデザインアプリ・「GRAVIT」
GRAVIT GRAVITはパワフルで先進的なベクターデザインアプリです。現在デスクトップアプリだけでなく、ブラウザ版が無料公開されています。なかなかの機能性という印象です。ぱっと見、個人的には苦手なUIでしたが、見た目より扱いやすそ...
オープンソースのRWDなHTMLメール用テンプレート集・「Open Source Email Templates」
Open Source Email Templates Open Source Email TemplatesはOSSとして配布されているレスポンシブWebデザイン対応のHTMLメールテンプレートです。何種かのデザインが用意されており...
オープンソースのSketchプラグイン管理ツール・「Sketch Toolbox」
Sketch Toolbox Sketch ToolboxはSketchのプラグインマネージャです。ワンクリックでインストール可能、インストール済のプラグインを最新の状態に保持などが可能です。また、OSSとしても公開されています。ライ...
綺麗な景色などの動画を無料配布するプロジェクト・「Mazwai」
Mazwai Mazwaiはいい感じの動画を無料で配布するプロジェクトサイトです。きれいな景色や、人物に焦点を当てたイメージビデオをダウンロードし、無料で利用する事が可能です。ライセンスはCCのようです。どこに書いてあるのかなと思った...
Bootstrap向けのテーマやUIコンポーネントをまとめた・「PrepBootstrap」
PrepBootstrap PrepBootstrapはBootstrap向けのテーマや少し特殊なUIコンポーネントをまとめているWebサイトです。UIは不動産サイト向けのちずのリストのレイアウトやECサイトの商品紹介のレイアウト、ロ...
紙に描いたモックアップを撮影して実機で動作テスト出来る・「POP」
POP POPは紙に描いたモックアップを撮影し、実機で動作テストを確認出来るようにするスマフォアプリです。以前書いたClickDummyと同じコンセプトで、モックアップ同士をリンクで繋げることで擬似的に動作テストを行うことが可能です。...
SVGによるパターンを背景として使える・「PatternBolt」
PatternBolt PatternBoltはSVGによるパターンを背景に使えるCSSです。画像はdataスキームが使われています。適応したい要素に用意されたパターンのclassを振って:after擬似要素でサイズを指定するだけ。S...
SASSベースの軽量なフロントエンド開発フレームワーク・「Concise.CSS」
Concise.CSS Concise.CSSは軽量なフロントエンド開発フレームワークです。SASSをベースに、オブジェクト指向CSSの原則に基づいて設計しているとの事。オールドブラウザに対応させる場合はModernizrやRespo...
商用でも無料で利用できる、高解像度な写真素材の配布サイト・「KaboomPics.com」
KaboomPics.com KaboomPics.comは商用としても利用可能な、高解像度の写真を配布するWebサイトです。ブロガーやフリーランサーに是非使って欲しいとの事。現在は約500ほどの写真が公開されています。サイズは主に3...
PSDファイルで利用されているフォントを調べるツール・「.psd fonts」
.psd fonts .psd fontsはPSDファイルに含まれているフォントの名前を調べてくれるツールです。PSDファイルをアップロードすると解析し、フォント名を挙げてくれます。詳しく調べていませんので精度は分かりませんが、便利と...
様々なWebサービスのブランドガイドラインをまとめた・「Find Guidelines」
Find Guidelines Find Guidelinesは様々なWebサービスのブランドのガイドラインへのリンクをまとめたWebサイトです。プロモーションやマーケティングにWebサービスのロゴを使用したい時などにお世話になるペー...
OSSとしても公開されているHTMLチェックツール・「HTMLHint」
HTMLHint HTMLHintはOSSとして公開されているHTMLの構文チェックツールです。従来の高性能なものではなく、シンプルなツールですが、インラインのCSSやJSもチェックする事ができます。エラー箇所はｘ印が付き、マウスホバ...
閲覧中のWebサイトのブレークポイントに沿ったプレビューを作成するChromeエクステンション・「Emmet Re:View」
Emmet Re:View Emmet Re:Viewは閲覧中のWebサイトのCSSからブレークポイントを検出し、そのサイズに合わせたプレビューをその場で作成してくれるChromeエクステンションです。それぞれのプレビューはスクロール...
画像をクリック時に全画面表示するスクリプト・「Intense Images」
Intense Images Intense Imagesは画像をクリックした際に全画面表示するスクリプトです。非依存型で、単体で動いてくれます。フルスクリーン化だけでなく、マウスを動かしてスクロールする事も可能です。うまく説明出来な...