
Webデザイナー向け


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

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

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

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

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

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

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

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

縦に撮られた動画を専門に無料配布している・「Vyoo」

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

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

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

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

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

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

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

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

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

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

日本語でも使える、任意の検索キーワードに関連するカラーを提案してくれる・「Picular」
