料理やその材料を専門としたフリーストックフォトサイト・「FoodiesFeed」
FoodiesFeed FoodiesFeedは料理やその材料を専門とした写真素材配布サイトです。少し加工されているのでアレですが、クオリティは高くライセンスも再販売だけしないでほしい、後は自由に、といった緩めのライセンスで使いやすい...
Resource - Webデザイナー向け
SVGのパスをアニメーションにする為のシンプルなスクリプト・「jQuery DrawSVG」
jQuery DrawSVG jQuery DrawSVGはSVGのpathにアニメーションエフェクトを付与する為のスクリプトです。jQueryに依存しています。書いたpathにstroke-dasharrayプロパティとstroke...
CC0の高品質な写真を提供するUnsplashが公開したシンプルなAPI・「Unsplash Source」
Unsplash Source Unsplash SourceはCC0の高品質な写真を提供するUnsplashが公開した写真埋め込み用APIです。以前ご紹介したダミー画像の為のサービス・Unsplash Itよりも応用が効ききそうです...
任意の画像をアップロードするとCSSに変換してくれる・「img2css」
img2css img2cssは任意の画像をアップロードするだけでCSSに変換するツールです。アップロードされた画像をパースして色や形状をCSSのみで実装、コードを提出してくれます。用途は正直な所、思い浮かびませんが、技術としては凄い...
ランダムでカラーパレットを新しく開いたタブに表示してくれるChromeエクステンション・「Color Tab」
Color Tab Color Tabは美しいカラーパレットを新規タブにランダムで表示してくれるChrome拡張です。カラーパレットはColor Huntに投稿されたパレットからランダムに選ばれて表示されるようになっています。シンプル...
Webサイトのナビゲーション、メニュー等のチュートリアルやコードをTumblrで収集する・「navnav」
navnav navnavはCSSやjQuery等で作られたナビゲーション、メニュー等のチュートリアルやコードが書かれたWebページを集めているTumblrのサイトです。ちょっと目を引くようなナビゲーションが揃っている印象でした。コン...
Githubからフォントのみ検索、ダウンロードできる・「Get the Font」
Get the Font Get the FontはGithubに置かれているファイルからフォントファイルのみを検索できるツールです。シンプルに任意のキーワードで検索してダウンロード出来るだけの機能しかなく、プレビュー等も出来ませんの...
CSSのみで棒グラフを作るためのチャートシステム・「chart.css」
chart.css chart.cssはCSSのみで棒グラフを作成する為のCSSチャートシステムです。上図のようなシンプルな棒グラフのみ作成可能となっています。用意されたclassやカスタムデータ属性によってパーセンテージの表示、太さ...
EvernoteやVine、Twitterなど、100以上の有名なWebサービスのブランドロゴをSVGアイコンとして公開する・「Simple Icons」
Simple Icons Simple Iconsは日本でもおなじみのEvernoteやTwitter、Facebookなどなど有名なWebサービスのロゴのSVGアイコンセットです。現在137のアイコンが用意されています。よく見かける...
Dribbbleに投稿したアイテムでポートフォリオを作れるスクリプト・「Dribbbox」
Dribbbox DribbboxはDribbbleに投稿したアイテムを読み込んで自身のWebサイトにポートフォリオとして実装する為のスクリプトです。同梱されたconfig.jsを自分のDribbbleアカウントに設定する形で実装する...
手軽にランディングページの作成、公開が出来る・「ONTRApages」
ONTRApages ONTRApagesは手軽にランディングページ、ペラページの作成、公開が出来るWebサービスです。よくある、直感で作成出来る的なものですが、無料プランでも割と使えそうなので需要あるかなと思ってメモ的に。用意されて...
任意の画像をプログレスバーにする為のスクリプト・「LoadGo」
LoadGo LoadGoは任意の画像をプログレスバーにする為のスクリプトです。jQueryに依存しています。上図のようなロゴを使ったプログレスバーを実装する事が出来ます。手軽で良さそうですね。ライセンスはMIT。 LoadGo
シンプル設計なBootstrapベースの管理画面テンプレート・「Light Bootstrap Dashboard」
Light Bootstrap Dashboard Light Bootstrap Dashboardはライト設計な管理画面テンプレート。Bootstrapベースとなっています。既にたくさんのテンプレートが世に出回っていますのでアレで...
日本語入力で大量の無料ストックフォトサイトを横断検索できる・「O-DAN（オーダン）」
O-DAN（オーダン） O-DAN（オーダン）は世界中のストックフォトサイトから無料の写真素材を日本語で横断検索出来るWebサービスです。日本語を入力すると自動で機械翻訳し、各ストックフォトサイトの検索窓に投げる、という仕組みっぽいで...
シンプルな国産のプロトタイピングツール・「PLOGLESS」
PLOGLESS PLOGLESSは国産のシンプルなプロトタイピングツールです。直感的にマウス操作でモックアップ等の作成が可能です。国産なので言語の壁に悩むこともなさそうですね。プレビュー機能やQRコード発行等の機能も揃えられています...
Sketchに関するリソースやTips、チュートリアル等の情報をまとめているSketch用ニュースサイト・「SketchNews.co」
SketchNews.co SketchNews.coはSketchに関する様々な情報のキュレーションサイトです。ニュース形式でリソースやTips、チュートリアル、プラグイン、ツールなどの情報を日々紹介してくれています。Sketchユ...
画像がメインコンテンツのWebサイト向けの静的サイトジェネレーター・「Expose」
Expose Exposeは画像をメインコンテンツとするWebサイト向けの静的サイトジェネレーターです。動画にも対応してるみたい。ポートフォリオやプロダクト、サービス紹介ページ等だと便利に使えそうですね。CMSだとオーバースペックな時...
軽さを意識したシンプルなCSSフレームワーク・「Kickstart」
Kickstart Kickstartは軽さを重視したCSSフレームワークです。元々はKickstrapという名でBootstrapの拡張ツールだったそうですが、Ver.3で完全に独立したCSSフレームワークになったとの事です。Boo...
オープンソースの国旗アイコン集・「FlagKit」
FlagKit FlagKitはOSSで公開されている国旗アイコン集です。スマフォアプリにも使えるようにしてあるみたいですね。シンプルで使いやすそうですが、全世界の国旗に対応してるかはまだ調べてないです。ライセンスはMIT。 F...
フリーで配布されているFacebookのデザイナー作のリソースコレクション・「Facebook Design Resources」
Facebook Design Resources Facebook Design ResourcesはFBのデザイナーが公開しているフリーのリソース集です。モックアップ素材やスマフォ向けのUIキットなどを中心にMediumでの経験則...
Web制作に役立ちそうなリソースをまとめた・「WEB FIELD MANUAL」
WEB FIELD MANUAL WEB FIELD MANUALはWeb制作時に役立ちそうな様々な分野のリソースを大量にまとめたハブサイトです。Webデザインパ－トではインスピレーションやスタイル、ワークフローやツールボックスなどの...
HTML5/JavaScript製ゲーム開発フレームワーク・「hitagi.js」
hitagi.js hitagi.jsはHTML5とJavaScriptで作るゲームの為の開発フレームワークです。エンティティコンポーネントシステムを採用しているとの事で、OSSとしてMITライセンスの元でソースコードが公開されていま...