
Tools & Resources


ブラウザやOS、デバイス等を検出してclassを付与するスクリプト・「Detectr.js」

画像にblur効果を与えるためのシンプルなスクリプト・「Image Blur Plugin」

再利用も視野にいれたオブジェクト指向CSSフレームワーク・「RichCSS」

任意のテキストをクリックで表示させるシンプルな注釈スクリプト・「Expounder」

HTML5製の管理画面構築のためのOSSなダッシュボードフレームワーク・「RazorFlow」

Githubで公開されているSketchプラグインを収集している・「Sketchpacks」

Chromeの設定画面等を表示するコマンドをまとめた・「CHROME://COMMANDS」

微調整可能な拡大鏡を実装出来るスクリプト・「jfMagnify」

データベース不要のフラットファイル型オープンソースCMS・「Grav」

文章に注釈を加えるためのシンプルなスクリプト・「marginotes」

チャートを手軽に作成、embedも出来るWebサービス・「BEAM」

画像のExif情報を読み取るためのJavaScriptライブラリ・「Exif.js」

WordPressのプラグイン作成のためのフレームワーク・「Herbert」

Foundationベースの、ライトに使えるオープンソースCMS・「lifejacket」

美しいWebデザインのECサイトのみを収集しているデザインギャラリー・「Beautiful Stores」

プレースホルダーを複数の任意のテキストに変更するスクリプト・「superplaceholder.js」

任意の画像にプレビューを確認しながらフィルタをかけてCSSのfilterでコードを出せる・「」

シンプルさと軽量さを重視したFlexboxベースのCSSグリッドフレームワーク・「Grd」

オープンソースとしても公開されているシンプルなビデオチャットツール・「Hubl.in」

40種以上の画像のマウスホバーエフェクトを使いやすくまとめたスタイルシート・「imagehover.css」
