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」
次のページ