スタートアップの際に役立ちそうなツールやリソースをまとめた・「Startup Resources」
Startup Resources Startup Resourcesはスタートアップの際に役立ちそうなツールやリソースをキュレーションしているWebサイトです。中には日本では意味のないツールも含まれますが、いずれ何かの発見に繋がるか...
Resource - Webディレクター向け
線のみで作られたシンプルなラインアイコンフォント・「Lightwing」
Lightwing Lightwingは線で作られたシンプルなアイコンフォントです。60程度ですが汎用的なアイコンは揃っている印象です。フォントだけでなくAIファイルも同梱されていますのでSVGで使う事も出来そうです。が、ライセンスの...
動作軽量で美しいインターフェースのWindows用のフォントマネージャ・「FontBase」
FontBase 綺麗なインターフェースで動作軽量なフリーのフォントマネージャ、FontBaseのご紹介。Win用のソフトウェアになります。起動も早く、それなりに機能も充実していて使いやすい印象でした。対応OSはWindows7以上と...
Webサイトに任意のユーザー用のショートカットキーを設定できるスクリプト・「visualKeys」
visualKeys See the Pen PPxEdN by kachibito (@kachibito) on CodePen. visualKeysはWebサイトに任意のショートカットキーを手軽に割り当てられるスクリプト...
CSSのブレンドモードとフィルターを組み合わせて動作テストできる・「FilterBlend」
FilterBlend FilterBlendはCSSのbackground-blend-modeとfilterプロパティを組み合わせて動作テスト出来るツールです。任意の画像をアップロードしてblend-modeを設定し、filter...
Dropbox製のオープンソースSCSSフレームワーク・「Scooter」
Scooter ScooterはDropboxが提供するOSSのSCSSフレームワークです。Dropbox向けに開発した基本スタイルのSCSS及びUIフレームワークをオープンソースとしてもユーザーに公開しているようです。スタイルに関し...
料理やその材料を専門としたフリーストックフォトサイト・「FoodiesFeed」
FoodiesFeed FoodiesFeedは料理やその材料を専門とした写真素材配布サイトです。少し加工されているのでアレですが、クオリティは高くライセンスも再販売だけしないでほしい、後は自由に、といった緩めのライセンスで使いやすい...
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よりも応用が効ききそうです...
ランダムでカラーパレットを新しく開いたタブに表示してくれる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
10分間が有効時間の、超シンプルなファイル共有サービス・「10minutestorage」
10minutestorage 10minutestorageは10分間だけ有効なファイル共有サービスです。共有する為のURLには例えば10minutestorage.com/grape.station.sweaterというように3つ...
高速で軽量なファイルベースのオープンソースCMS・「Morfy」
Morfy Morfyは高速で軽量、シンプルなファイルベースのCMSです。OSSとしてソースコードが公開されています。Markdownでコンテンツを更新する形のようですね。動作にはPHP 5.3以上、Apacheでmod_rewrit...
シンプルで高速なオンラインブックマークサービス・「booky.io」
booky.io booky.ioはシンプルさとパフォーマンスを重視したオンラインブックマークサービスです。高速なブックマークと検索が可能、との事。最近ローンチされたっぽいですね。今更サービス乗り換えというのも正直アレですが、完全無料...
Swift製のiOS向けオープンソースライブラリをまとめている・「iOS Cookies」
iOS Cookies iOS CookiesはSwift製のOSSなライブラリを手作業でキュレーションしているまとめサイトです。大きくUI、チャート、アニメーション、ネットワーク等のカテゴリに分けられていますので迷うこと無く探せると...
オープンソースのSlackクローン・「Mattermost」
Mattermost Mattermostはオープンソースで公開されているSlackクローンです。セルフホスティングでSlackライクなチャットツールを構築する事ができる、との事。GoとReactで書かれているみたいですね。ライセンス...