Webデザイナー向け

ジェネレーター

オープンソースのアバターイラスト作成ジェネレーター・「Avataaars Generator」
JavaScript

スクロールに応じて要素にアニメーションエフェクトを付与できるシンプルで軽量なスクリプト・「lax.js」
ジェネレーター

プレーンテキストでデータを入力すると自動でチャートを生成してくれるWebアプリ・「FastCharts」
Ads
Webデザイン補助

色とアクセシビリティの関係について、インタラクティブな操作で体感しながら学べる・「Color.review」
ソフトウェア

オープンソースのGoogle Image Charts代替・「QuickChart」
JavaScript

座標とタイムスタンプのデータをJSONで渡すとGoogleマップ上でその経路をアニメーション表示してくれるスクリプト・「maps-journey-replay」
CSS/HTML

どんなデバイスでも適切なフォントサイズにしてくれるスタイルシート・「RFS」
JavaScript

jQueryライクな構文でDOM操作を行うために開発された超軽量ライブラリ・「femtoJS」
Webデザイン補助

任意のカラーの組み合わせのアクセシビリティをチェックしてくれる・「Accessible Brand Colors」
複合/その他

PSやSketchファイルも用意されたBootstrap 4ベースのオープンソースUIキット・「Material Kit」
ジェネレーター

URLの指定だけで人物アバターのダミーイラストを生成するサービス・「Joe Schmoe」
その他

シンプルなSVGアイコンをカスタマイズ後にダウンロードできる・「ICONSVG」
JavaScript

JavaScriptでロングタップイベントを実装する・「long-press-event」
共有系サイト

チームでオンラインのホワイトボードを共有できるコラボレーションツール・「Mixed」
その他

個人でも商用でも利用無料でクレジットも不要のビデオストックサイト・「Mixkit」
その他

1300もの汎用的で使いやすいアイコンとフォントをオープンソースで提供するプロジェクト・「Remix Icon」
その他

ユーザースタイルシートをWebページ毎やドメイン毎にその場で設定、他デバイスでも同期出来るChromeエクステンション・「Amino」
ジェネレーター

手早く簡単にシンプルなチャートをユーザー登録不要、無料で作成し、画像で保存したり共有できる・「CHARTS FACTORY」
その他

音楽版のUnsplashを目指す、著作権放棄の音楽を配布するプロジェクト・「WOWA」
その他

シンプルで使いやすいアイコンを1000以上セットにして提供する・「Unicons」
CSS/HTML

豊富なコンポーネントを含んだBootstrap 4向けのフリーUIキット・「Fire」
ソフトウェア

オープンソースのオンライン請求書発行システム・「Invoice Neko」
次のページ