
Tools & Resources


Web上でDTMが可能なオーディオアプリケーション・「hya.io」

CSSのbackground-blend-modeとgradientを使った背景パターンを公開する・「CSS Gradients with background-blend-mode」

ソースコード専門の検索エンジン・「searchcode」

OSSとしても公開されている、ピクセルアートでGIFアニメーションを作成・「Piskel」

段落に直接コメントできるMediumスタイルを実装出来るスクリプト・「SideComments.js」

Photoshopで2Dアニメーションを作るためのリソースをまとめている・「Photoshop Animation」

コンポーネント別にまとめられたUIデザインギャラリー・「Call to Idea 」

IEの開発バージョンを公開している・「IE Developer Channel」

Google製のマルチデバイス対応Boilerplate・「Web Starter Kit」

地図と連動したインタラクティブなストーリーコンテンツを作成出来る・「ODYSSEY」

tableのデータを様々なフォーマットでエクスポート出来る様にするスクリプト・「HTML Table Export」

input要素のラベルにアニメーションエフェクトを追加するスクリプト・「FancyText」

グルーピングや入れ子、RWDにも対応の、エレメントの高さを揃えるスクリプト・「jquery.matchHeight.js」

利用されているWebフォント名と、そのフォントの表示テストを行えるブックマークレット・「Type Sample」

Webサイトにシンプルなスクロールエフェクトを追加できるスクリプト・「ScrollMe」

デスクトップ/モバイル向けのHTML5製ゲームフレームワーク・「Phaser」

複数のチャートを連動させる多次元チャートライブラリ・「dc.js」

多数のコンポーネントが備わったCSSフレームワーク・「Maxmertkit」

難読化されたJavaScriptコードを見やすく整形する・「JS NICE」

WordPressでメガメニューを実装出来るプラグイン・「JQuery Mega Menu Widget」
