Webデザイナー向け

Webデザイン補助

Photoshop内でGoogle Fontsに公開されているフォントを選択出来るフリーのPhotoshopプラグイン・「Fontea」

JavaScript

可愛らしいスタイルのタイムピッカーを実装出来るスクリプト・「timedropper」

インスピレーション

様々な画家の絵画からカラーパレットを作成、公開するプロジェクト・「Color Lisa」

Ads
CSS/HTML

input要素にフォーカスした際のアニメーションエフェクトをいろいろまとめた・「Awesome input focus effects」

JavaScript

グリッドレイアウトのポートフォリオサイトを手軽に作成する為のシンプルなスクリプト・「gridfolio.js」

インスピレーション

データを可視化する際の表現パターンをいろいろとまとめたカタログサイト・「The Data Visualisation Catalogue」

CSS/HTML

モダンでクリーンなレスポンシブWebデザイン対応のフレームワーク・「Spectre.css」

JavaScript

jQueryで作られたオープンソースのシンプルなTodoアプリ・「LobiList」

CSS/HTML

レスポンシブWebデザイン対応のHTMLメールフレームワーク・「Outline Mail」

インスピレーション

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

ソフトウェア

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

JavaScript

canvasを使ったシンプルなドローライブラリ・「atrament.js」

ジェネレーター

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」