Webデザイナー向け

CSS/HTML

シンプルで軽量、扱いやすいベーシックなCSSフレームワーク・「minstyle.io」

JavaScript

モバイルフレンドリーで軽量、高速なコンテンツスライダーを実装できるスクリプト・「Glider.js」

Webデザイン補助

シンプルで見やすいフローチャートやワイヤーフレームを簡単に作成できる・「Whimsical」

Ads
複合/その他

シンプルで見やすいBootstrapベースの管理画面テンプレート・「Lath」

フレームワーク

MediumやDropbox Paperなどのようなリッチテキストエディタを実装する為のフレームワーク・「Slate」

JavaScript

レスポンシブなWebページを簡単に作成できるWebページビルダーを作るためのスクリプト・「GrapesJS」

ジェネレーター

ベースにしたい色を指定するだけでカラーパレットを生成するOSSなカラーツール・「PALX」

ジェネレーター

円グラフや棒グラフなど、様々なチャートを作成し、画像でDLしたりシェアできる・「Chartify」

その他

任意のWebサイトへのアクセスを不可にするChromeエクステンション・「Just Focus」

CSS/HTML

FlexboxベースのモバイルファーストなCSSフレームワーク・「Butter Cake」

インスピレーション

様々なスマフォアプリのUI/UXをアニメーションで確認できるデザインギャラリー・「Mobile Patterns」

JavaScript

ページのスクロールに応じて任意の要素にアニメーションエフェクトを付与できる非依存の軽量ライブラリ・「ScrollOut」

Webデザイン補助

デザイナー向けのリソースを収集、公開しているプロジェクト・「DesignBase」

編集ツール

チームで使えるオンラインダイアグラム作成ツール・「Diagramiq」

JavaScript

ミニマルなスタイルのHTML5製ミュージックプレイヤー・「cPlayer」

JavaScript

スクロールアニメーションを実装できる超軽量且つ非依存のライブラリ・「Sal.js」

Webデザイン補助

プロトタイプやフレームワークの為の落書きフォント・「Scribble Font」

JavaScript

要素にYoutubeの動画IDを含めるだけでポップアップ再生できるようにするスクリプト・「GRT Youtube Popup」

Webデザイン補助

InVisionがフリーで配布するPhotoshop/Skechのワイヤーフレームキット・「Form」

Webデザイン補助

イージングに使われるペジェ曲線に合わせた法則でカラースキームを作り出す・「ColorBox」

JavaScript

OSSで公開されているeBay製のテンプレートエンジン・「Marko」

ジェネレーター

ランディングページのひな型を作成、ダウンロードできるシンプルなLP作成ツール・「Unicorn Platform」