Tools & Resources

女性や子供の為に立ち上げられたWeb制作技術を学ぶ為のリソースを提供するプロジェクト・「Ladies Learning Code」

商用でも無料で利用可能なHD動画を配布する・「Distill」

様々なJavaScriptライブラリやプラグインの使い方をまとめている・「Js Tutorial」

Ads

SVGで書かれたローディングアイコン集・「SVG Loaders」

Webサイトの様々なヘルプコンテンツを追加出来るスクリプト・「FAQtoid」

ブラウザで使えるモダンデザインなインタラクションデザインツール・「Plexi」

SASSとJekyllで構築されたフロントエンド開発フレームワーク・「Muffin」

Web制作の際に作成するフローチャートやワイヤーフレームの為の素材集・「UI TILES」

任意の画像をアップロードし、PCモニター画像に合成してモックアップを作成してくれる・「Magic Mockups」

ビジネス用Webアプリ構築の為のCSSフレームワーク・「Flakes」

クレジットカードやPayPalなどの決済系のSVGアイコンフォントのセット・「PaymentFont」

jsfiddleライクにWebGLの動作テストが可能なOSS・「WebGL playground」

Gistで書いたコードをスライド表示にする・「GistDeck」

SVGアイコンをアニメーションエフェクト付きで切り替える為のスクリプト・「SVG Morpheus」

Markdown記法でリアルタイムプレビューを可能にする・「Livedown」

AngularJSとPHPで作られたシングルページ専用のCMS・「Cosmo」

正規表現のコードを図に可視化する・「Regulex」

行単位でCSSを適応させるスクリプト・「LINING.JS」

​​Dropboxに置いているCSVやGoogleスプレッドシートのデータをグラフ化するOSS・「CHARTED」

任意のWebサイトのCSSを解析し、ステータスを表示してくれるオープンソースのソフトウェア・「CSS Stats」

マテリアルデザインを取り入れたレスポンシブWebデザイン対応のCSSフレームワーク・「Materialize」

モバイルやモダンブラウザ向けに、jQueryやzepto.jsの代替として作られた軽量ライブラリ・「laroux.js」