Webデザイナー向け

インスピレーション

フリーで公開されたWebデザイン向けのリソースをまとめている・「Freebiesbug」
ソフトウェア

静的なHTMLファイルを編集可能にするシンプルなCMS・「SiteCake」
JavaScript

canvasを使ったシンプルなドローライブラリ・「atrament.js」
Ads
ジェネレーター

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

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

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

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

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

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

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

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

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

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

画像のExif情報を読み取るためのJavaScriptライブラリ・「Exif.js」
デザインギャラリー

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

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

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

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

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

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

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

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