Webベースのスタイルガイドを手軽に作成出来る・「Frontify」
Frontify Frontifyは手軽にWebベースのスタイルガイドを作成出来るWebサービスです。用意されているテンプレを使ってドラッグ＆ドロップとテキストの編集、スタイルの設定で簡単に作成する事が出来ます。以下使用動画。 F...
Resource - Webディレクター向け
大量の素材が用意されたスマフォやタブレット等のはめ込み画像ジェネレーター・「Placeit」
Placeit Placeitは大量の素材が用意されたはめ込み画像モックアップジェネレーターです。用意されている写真素材内のスマフォやタブレット、Apple Watch、PCのモニターに任意の画像やURLの指定で手軽にはめ込み画像を作...
任意の画像や動画、音楽を組み合わせて動画スライドを作れる・「animoto」
animoto animotoは任意の画像や動画ファイル、テキストや音源を組み合わせて上記のような動画スライドを作成出来るオンラインビデオメーカーです。差し込みたい画像や音源等をアップロードして組み合わせれば良いだけで、切り替えや演出...
シンプルなディスカッションフォーラムを構築出来るオープンソースのソフトウェア・「Flarum」
Flarum Flarumはシンプルなディスカッションフォーラムを構築出来るPHP製のソフトウェアです。OSSとしてソースコードが公開されています。インストールも手軽で、軽量且つ高速（mithril.jsが使われています）、スマフォ対...
ベン図やオイラー図を作成出来るライブラリ・「venn.js」
venn.js venn.jsはベン図・オイラー図を描くためのJavaScriptライブラリです（参照：ベン図・オイラー図）。D3.jsに依存しています。上図のように、複数の集合同士の関係や範囲を視覚的に図式化は勿論、各円とその共通部...
CSSで作られた様々なボタンをTumblrで紹介する・「CSS Buttons」
CSS Buttons CSS ButtonsはCSSで作られたボタンを紹介するTumblrです。アニメーションエフェクトのあるボタンはGifアニメで紹介されています。基本的にはCodePenへのリンクも貼られていますのでコードの確認...
CC0の綺麗な写真素材を配布する・「Negative Space」
Negative Space Negative Spaceは著作権放棄の綺麗な写真を配布するWebサイトです。配布されている素材はCC0となっていますので自由に利用可能です。よくあるストックフォトサイトですね。沢山覚えておいて損は無い...
Youtubeから任意の箇所のGifアニメを作成し、音声付与やEmbedも可能なWebサービス・「Gifs」
Gifs GifsはYoutubeに投稿された動画からGifアニメを作成出来るWebサービスです。サービスとしてはよく見かける類のものですが、こちらはEmbed機能をつかうと専用プレーヤーで再生するので上図のようにGif画像に音声を合...
ブラウザで動くオープンソースの3Dグラフィックエディタ・「WebGLStudio.js」
WebGLStudio.js WebGLStudio.jsはオープンソースで公開されている、ブラウザで使える3Dグラフィックエディタです。動作も思ったより重くなく、サクサクと動いてくれる印象でした。適当に触っただけなのでアレですが。3...
Githubでホスティングされているフォントを探せる検索エンジン・「FontFinder」
FontFinder FontFinderはGithubでホスティングされているフォントを探せる検索エンジンです。Githubの検索APIを利用して引っ張ってきてるみたいですね。フォントはそれぞれ、ダウンロードへのリンクや対象のフォン...
ブラウザで動作するHTML5製のミニマルなメモアプリ・「ZenPen」
ZenPen ZenPenはブラウザで動作するミニマルなメモアプリです。単純に、文章を書くためだけに作られていますので、機能らしい機能もほとんどありません。書いた文章はlocal storageに保存されます。テキストはドラッグでツー...
ブラウザで動作するHTML5製の軽量パノラマ写真ビューア・「Pannellum」
Pannellum Pannellumはブラウザで動くパノラマビューアです。HTML5、JavaScript、CSS3、WebGL等を使って構築されています。Googleのストリートビューライクにマウスでぐりぐりと動かすことが出来ます...
Web開発者やWebデザイナー向けのリソースのキュレーションサイト・「The Starter Kit 」
The Starter Kit The Starter KitはWeb開発者やWebデザイナーの為のリソースを収集しているキュレーションサイトです。CSSやJavaScript、Photoshopに関わるリソースなどが多く、収集され...
美しいカラースキームを毎日公開する・「Color Hunt」
Color Hunt Color Huntは毎日美しいカラースキームを配信するカラーコレクションサイトです。紹介されているカラースキームはそれぞれ使用例とカラーコードが確認出来るようになっている他、カラースキームの提案も可能です。が、...
モバイル向けのフリーUIキット・「Lithium」
Lithium Lithiumは無料で配布されているモバイル向けのUIキットです。カレンダーやログイン、リストなどモバイル向けのソーシャルなアプリ向けに作られているみたいですね。カラーテーマも3種ほど用意されています。ダウンロードには...
ちょっと便利なWebツールにランダムで飛ばしてくれる・「Random Useful Websites」
Random Useful Websites Random Useful Websitesはランダムで「ちょっと便利なWebツール」に飛ばしてくれるWebサービス。飛ばされる先は様々で、特定の用途や職種向けに特化とかそういうのはなさそ...
WordPressのシングルページ用テーマを管理画面内で手軽に構築出来るプラグイン・「OnePager」
OnePager OnePagerはシングルページのWordPressテーマを管理画面内で作成出来るWordPressのプラグインです。プレビューを見ながらコーディング不要で作成する事が出来るみたいです。使い方は動画を見れば大体わかり...
Dribbbleに投稿されたUIキットやモックアップ等のリソースをピックアップして配信する・「Psddd」
Psddd PsdddはDribbbleに投稿されたUIキットやモックアップ、ボタンや背景、ナビゲーションなどなど、Web制作に使えそうな高品質なリソースをピックアップして配信するWebサイトです。ざっと見るのに良いかもしれませんね。...
BootstrapやGhost、管理画面等のテーマやテンプレートを探せる・「Template Stash」
Template Stash Template StashはBootstrapやWordPress、Ghostや管理画面、ランディングページ等のテーマやテンプレートを探せるWebサイトです。基本的にフリーのものを紹介している・・と思う...
様々なJavaScriptライブラリやフレームワーク、プラグイン等を探せる・「JavaScripting.com」
JavaScripting.com JavaScripting.comは公開されている様々なJSライブラリやフレームワーク、プラグイン等を探せるWebツールです。大量のJSライブラリ等を収集しており、細かくカテゴリ分け、探しやすいよう...
シームレスな背景パターンを作成できるジェネレーター・「Background Image Generator」
Background Image Generator Background Image Generatorはシームレスな背景パターンを作成出来るジェネレーターです。背景の色や素材、形状、ノイズ等を選んでダウンロードするだけとお手軽で素...
PCやスマフォ、タブレット等のモックアップ作成用ライブラリ・「DeviceMock.js」
DeviceMock.js DeviceMock.jsはモックアップ作成の為のスクリプトです。jQueryに依存しています。PCやスマフォ、タブレット等で閲覧した際のSSをユーザーに見せたい時に、みたいなやつ。わざわざJS使う必要無い...