Githubでホスティングされているフォントを探せる検索エンジン・「FontFinder」
FontFinder FontFinderはGithubでホスティングされているフォントを探せる検索エンジンです。Githubの検索APIを利用して引っ張ってきてるみたいですね。フォントはそれぞれ、ダウンロードへのリンクや対象のフォン...
Resource - Webデザイナー向け
ブラウザで動作する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種ほど用意されています。ダウンロードには...
イラストレーター向けのライブ配信ツール・「Sywork」
Sywork Syworkはイラストレーター向けのライブ配信ツールです。以前ご紹介したプログラマー向けのライブ配信ツールのLivecoding.tvのイラストレーター版といったところでしょうか。通常イラスト、3Dモデリングやアニメーシ...
HTMLエレメントに手軽にサウンドエフェクトを付与するスクリプト・「EasyAudioEffects.js」
EasyAudioEffects.js EasyAudioEffects.jsはHTML要素にサウンドエフェクトを付与する為のスクリプトです。jQueryに依存しています。設定も簡単で使いやすそうな印象でした。音を出す事自体はjQue...
Dribbbleに投稿されたUIキットやモックアップ等のリソースをピックアップして配信する・「Psddd」
Psddd PsdddはDribbbleに投稿されたUIキットやモックアップ、ボタンや背景、ナビゲーションなどなど、Web制作に使えそうな高品質なリソースをピックアップして配信するWebサイトです。ざっと見るのに良いかもしれませんね。...
CC0ライセンスの綺麗な写真をダミー画像として使えるOSS・「Unsplash It」
Unsplash It Unsplash Itは著作権放棄で綺麗な写真素材をダミー画像として使えるツールです。CC0の美しい写真を公開、配布しているUnsplashが手がけるダミー画像ツールで、のような簡単なURLのみでダミー画像を埋...
シームレスな背景パターンを作成できるジェネレーター・「Background Image Generator」
Background Image Generator Background Image Generatorはシームレスな背景パターンを作成出来るジェネレーターです。背景の色や素材、形状、ノイズ等を選んでダウンロードするだけとお手軽で素...
PCやスマフォ、タブレット等のモックアップ作成用ライブラリ・「DeviceMock.js」
DeviceMock.js DeviceMock.jsはモックアップ作成の為のスクリプトです。jQueryに依存しています。PCやスマフォ、タブレット等で閲覧した際のSSをユーザーに見せたい時に、みたいなやつ。わざわざJS使う必要無い...
CanvasやSVGによるパターンを作成出来る・「Halftone Patterns」
Halftone Patterns Halftone PatternsはブラウザでCanvasやSVGによるパターンをジェネレート出来るWebサービスです。CanvasかSVGかの選択、エレメントと背景色、サイズやエレメントの大きさ、...
flexboxを使ったシンプルでフレキシブルなCSSフレームワーク・「cssPlus」
cssPlus cssPlusはflexboxをベースにして構築されたフレキシブルでシンプルなCSSフレームワークです。各主要ブラウザにも対応しています。迅速で手軽な開発をサポートしたい、との事。ライセンスはMIT。 cssPl...
クオリティの高い写真素材をパブリックドメインで配布するストックフォトサイト・「SKUAWK」
SKUAWK SKUAWKはクオリティの高い写真素材を著作権放棄で配布しているWebサイトです。Curated public domain photos、とあるので別の場所でパブリックドメインで公開されている素材を再配布してるのかもし...
レスポンシブWedデザイン対応のスタイルガイドを作成出来るOSS・「Styleguide」
Styleguide StyleguideはWebサイトのスタイルガイドを作成出来るツール。OSSとして公開されています。RWDにも対応できるように、リサイズ機能も付与。動作デモを見たほうが早そうですね。ライセンスはMIT。 S...
Microsoft WordをMarkdownエディタにする為のプラグイン・「Writage」
Writage WritageはMSのWordをMarkdownエディタ化する為のプラグインです。Wordを使い慣れている人、好んで使っている人向けに作成した、との事。何故わざわざWordで、と思う方も多い気もしますが、まあ使い慣れた...
Markdown向けのレスポンシブWebデザイン対応UIフレームワーク・「Markdown UI」
Markdown UI Markdown UIはMarkdown記法で構築出来るRWD対応のUIフレームワークです。UIのスタイルはフレームワークらしく、極めてシンプルなものになっていますので自分好みにカスタマイズする形で使用する感じ...
SVGのpathをブラウザで編集出来るOSSのエディタ・「Paths」
Paths PathsはブラウザでSVGのpathを編集出来るエディタです。プレビューを確認しながら直感で編集、ダウンロードする事が出来ます。またツール自体がOSSとしてソースコードが公開されています。そこまで高い需要は無さそうですが...
サンプルコード付きのUIをgifアニメーションにしてギャラリー形式で収集している・「CodeMyUI.com」
CodeMyUI.com CodeMyUI.comはサンプルコードも紹介しているUIチュートリアル記事等をGifアニメを使ってギャッリー形式でまとめているTumblrサイトです。参照元へのリンク、またはCodePenに投稿されたよさ気...
textareaにオートコンプリート機能を加えるライブラリ・「jQuery.textcomplete」
jQuery.textcomplete jQuery.textcompleteはtextareaにオートコンプリート機能を加えるライブラリ。jQueryに依存しています。Githubで使えるような顔文字や@fooなどソーシャルサイトの...
スマフォアプリの簡易的なランディングページを手軽に作成、公開出来る・「LaunchKit App Websites」
LaunchKit App Websites LaunchKit App Websitesはスマフォアプリのランディングページを手軽に作成、公開出来るWebサービスです。自分のアプリをキーワード検索で探して選ぶだけでストアに公開済みの...
SVGの最適化や操作法、アニメーション等の使い方をまとめた・「SVG ON THE WEB」
SVG ON THE WEB SVG ON THE WEBはSVGの使い方をまとめたガイドラインのドキュメントサイトです。SVGの準備、基本的な使い方、最適化法、CSSやJSによる操作、アニメーションエフェクトの付与やRWDへの対応な...