Webデザイナー向け

JavaScript

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

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

チームで使えるオンラインダイアグラム作成ツール・「Diagramiq」
Ads
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」
CSS/HTML

TEDが公開するオープンソースのAtomic CSSライブラリ・「shed.css」
最適化ツール

任意のロゴのデザインをチェックできる・「Logo Lab」
フレームワーク

Alibabaが開発、公開しているオープンソースのHTML5製ゲームソリューション・「Hilo」
Webデザイン補助

ダウンロード可能なさまざまなカラースキームを大量に保管している・「SchemeColor」
その他

オープンソースのSVGアイコンのセット・「Ikonate」
JavaScript

Matter.jsを使ってスクロール時に背景をアニメーションさせる・「Floaty Bubbles」
その他

縦に撮られた動画を専門に無料配布している・「Vyoo」
Webデザイン補助

美しいカラーパレットを手動収集している・「Trendy Palettes」
最適化ツール

Webサイトのパフォーマンス向上に役立ちそうなツールや情報をまとめている・「Progressive Tooling」
CSS/HTML

CSSのClip Pathを直感的な操作で簡単に作成できる・「Clip Path Generator」
CSS/HTML

43のローダーをまとめた・「43 loaders」
次のページ