Webデザイナー向け

Webデザイン補助

CC0で配布されている、髪型や顔などのパーツの組み換え可能な人物イラストを配布するプロジェクト・「Open Peeps」
編集ツール

プレビューを見ながら任意の平面充填を描画できるユニークなタイリング専用ドローツール・「EscherSketch」
JavaScript

Webページの各所の役割等をユーザーに伝えるページツアーを実装するスクリプト・「GuideChimp」
Ads
ジェネレーター

ソフトなCSS Shadowを作れるシンプルなWebアプリ・「Neumorphism.io」
JavaScript

軽量で非依存な、ダーク/ライトモード切り替えスクリプト・「DarkModeJS」
複合/その他

JavaScriptライブラリやフレームワークを使わずHTML5、CSS、バニラなJSだけで作られたプロジェクト集・「Web Projects With Vanilla JavaScript 」
検索エンジン

Webサイト開発の際にあると地味に便利なミニツールをまとめている・「Tiny helpers」
JavaScript

都市名を入力すると、その都市の道路のみを線画で抽出するオープンソースの地図アプリ・「city-roads」
その他

任意のグラデーションカラーで色付けてダウンロードできるSVGアイコンパック・「Gradientify」
CSS/HTML

既存のCSSフレームワーク等と併用も可能な軽量CSSライブラリ・「sscaffold」
ソフトウェア

CC0で配布のゆるい手書き風の絵文字フォント・「beedii」
ソフトウェア

手書き風のダイアグラムを作成出来るOSSのWebアプリ・「excalidraw」
ソフトウェア

オープンソースで公開されているブラウザベースのシンプルなメモ用ピンボードアプリ・「manifest」
複合/その他

中小規模のWebアプリを構築するためのオープンソースの軽量PHPフレームワーク・「Wolff」
編集ツール

Codepenのようにブラウザでコードを書いて実行テストできる・「Blnq Studio」
ジェネレーター

デザイナー向けに作られた長文パスワードジェネレーター・「Design Password」
Webデザイン補助

ツールやグラデーション、パレットやブランドカラーサンプルなど、色に関する様々な大量のリソースを集約した・「Colorsinspo」
共有系サイト

共同編集も可能、データは暗号化されるセキュアな分散型ドキュメント作成OSS・「Graphite」
CSS/HTML

CSSだけで作られた500以上ものカスタマイズ可能なミニマルアイコン・「css.gg」
JavaScript

MarkdownでLaTeXを使えるようにするスクリプト・「TeXMe」
ジェネレーター

コントラストの比率と実際に背景とテキストカラーを使用した状態を確認できるカラーコントラストチェックツール・「Color Contrast Checker」
ソフトウェア

オープンソースのSVGベースなプロトタイピングツール・「UXBOX」
次のページ