Tools & Resources

インスピレーション

動画やGIFで確認出来るiOSアプリのUIモーションギャラリー・「CAPPTIVATE.co」

ソフトウェア

コメントアウトや空要素等を取り除けるHTML圧縮ツール・「HTML Minifier」

JavaScript

Androidライクなパターンロックを実装するスクリプト・「Pattern Lock」

Ads
JavaScript

CSVのパースとエンコードが可能なスクリプト・「CSV.js」

その他

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

CSS/HTML

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

プログラミング補助

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

ソフトウェア

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

JavaScript

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

Webデザイン補助

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

インスピレーション

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

ソフトウェア

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

CSS/HTML

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

ソフトウェア

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

JavaScript

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

JavaScript

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

JavaScript

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

Webデザイン補助

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

JavaScript

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

フレームワーク

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

JavaScript

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

CSS/HTML

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