Webデザイナー向け

検索エンジン

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

JavaScript

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

その他

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

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

ソフトウェア

フリーランサーや中小企業向けに開発されたオープンソースのオンライン請求書発行アプリ・「Crater」

その他

チェックボックスや画像を含んだリスト表を作れるカンバンライクなWebアプリ・「columns」

Webデザイン補助

コントラストをベースに作れるOSSのカラージェネレーター・「Leonardo」

JavaScript

SVGをPDFに変換するJavaScriptライブラリ・「svg2pdf.js」

ソフトウェア

各ブラウザのCSSのデフォルトスタイルを検索できる・「Browser Default Styles」

ジェネレーター

アニメーションする背景をCSSで簡単に作れる・「Animated CSS Background Generator」