
Webデザイナー向け


can I useの特定の項目のブラウザ対応表をWebサイトに埋め込める・「The (Unofficial) CanIUse Embed」

Webアプリ向けに設計された非依存型で軽量なツールチップ実装スクリプト・「Popper.js」

インタラクティブなグラフやチャートの為のjQueryプラグイン・「FusionCharts」

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

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

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

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

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

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

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

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

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

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

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

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

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

スマフォアプリのUIを動画で紹介するシンプルなギャラリーサイト・「Appealing」

オープンソースのフォントを厳選して収集、公開している・「open-foundry.com」

製品等のデータ比較のためのtable要素にフィルタ機能を付与する・「Products Comparison Table」

リストやテーブルにフィルタリング機能やソート、検索機能を付与するスクリプト・「List.js」
