
Tools & Resources


手軽で簡単、使いやすい国産の動画用モーダルウィンドウスクリプト・「modal-video.js」

ゲームアプリ等に使えそうなファンタジーな世界のマップイラストを作れるユニークなWebサービス・「Inkarnate Worlds」

任意の要素に表示/非表示時のアニメーションエフェクトを付与出来るスタイルシート・「tuesday」

UberやLyftのような、配車サービスアプリを作成する為のOSS・「LibreTaxi」

任意の要素にマウスの動きに合わせてパララックス効果を表現出来るスクリプト・「Tilt」

Pinterest風でレスポンシブWebデザイン対応のレイアウトを作れてドラッグで位置移動やソートも出来るスクリプト・「MUURI」

地図と連動して任意のテキストや画像をスライド表示するスクリプト・「StoryMapJS」

よく出来たHTMLメールを紹介するデザインギャラリー・「Really Good Emails」

スクロールに合わせてナビゲーションに現在地を明示するスクリプト・「Progress Nav」

レスポンシブWebデザイン対応の棒グラフ、折れ線グラフ、円グラフを作れる・「Pizza Amore!」

Bootstrapベースで作られたオープンソースの管理画面UIフレームワーク・「CoreUI」

レスポンシブなEメール向けのCSSフレームワーク・「Foundation for Emails」

ブラウザでSVGを編集、ダウンロード出来るWebサービス・「Vecteezy Editor」

公開されている便利そうな大量のWeb APIをまとめている・「Public-APIs」

ブラウザでJSONをフィルタリング、操作出来るOSS・「json.browse」

さまざまなタイプのチャートの特徴や用途、目的など、使い方を解説してくれる・「Chartopedia」

WordPressに関するツールやリソース等をコレクションしているキュレーションサイト・「WordPress Stash」

小規模チームで使うことを想定したオープンソースのシンプルなWiki・「Matterwiki」

過去に存在したページが404等を返した際に、Internet Archiveへ誘導してくれるChrome拡張・「Wayback Machine」

WCAGのガイドラインに沿ったカラーコントラストを複数まとめて確認出来るコントラストテスター・「Colorable Matrix」
