Webデザイナー向け

JavaScript

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

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

イージングに使われるペジェ曲線に合わせた法則でカラースキームを作り出す・「ColorBox」
Ads
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」
JavaScript

Vue.jsベースのオープンソースUIコンポーネントフレームワーク・「Vuesax」
Webデザイン補助

器や絵画、ポスター等、歴史的に利用されてきた美術品に利用されている色をパレットにした・「Color Leap」
ソフトウェア

SVGのフィルターを、結果を見ながら学べる・「SVG Filters」
JavaScript

オープンソースのGoogleマップオートコンプリートライブラリ・「geomapify」
その他

SVGの線画アイコンを無償公開している国産サービス・「ICON BOX」
Webデザイン補助

ポスターとして印刷するために作られたPhotoshopのショートカットチートシート・「Photoshop Shortcuts And Commands Poster」
次のページ