Tools & Resources

CSS/HTML

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Photoshopのツールやリソースを公開する・「UberPlugins」
複合/その他

BootstrapとUnderscoresを組合せたモバイルファーストなWordPressテーマフレームワーク・「UnderStrap」
その他

商用でも無料で使える顔写真を提供するプロジェクト・「TinyFaces」
複合/その他

文章メインのコンテンツ向けに開発されたシンプルで軽量なWordPressテーマ・「EVANS」
次のページ