Webデザイナー向け

CSS/HTML

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

最適化ツール

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

フレームワーク

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

Ads
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」

検索エンジン

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

ソフトウェア

Cで書かれたオープンソースのマインクラフトクローン・「Craft」

JavaScript

図形の作成やエフェクト実装をサポートするスクリプト・「Pts.js」

その他

多種多様なデータのプレーンテキストのリストをコピーして使える・「Plain Text Lists」

その他

ブラウザで使える超シンプルでログインもユーザー登録も不要のタスク管理ツール・「Timo」