Tools & Resources

インスピレーション

様々なUIのデザインをパーツ別に収集しているギャラリーサイト・「Collect UI」

JavaScript

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

JavaScript

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

Ads
CSS/HTML

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

JavaScript

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

JavaScript

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

ソフトウェア

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

その他

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

JavaScript

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

ソフトウェア

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

JavaScript

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

ジェネレーター

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

JavaScript

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

フレームワーク

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

ソフトウェア

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

デザインギャラリー

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

JavaScript

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

CSS/HTML

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

CSS/HTML

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

ソフトウェア

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

CSS/HTML

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

Webデザイン補助

UI / UXデザイナー向けの、紙にデバイスの形状を印刷する為のテンプレートのまとめ・「Sketchsheets」