
Webデザイナー向け


動画ファイル内の人物部分のみを切り取って別の動画と合成できる動画背景削除アプリ・「SocialBook Remove Video Background」

ReactとFabric.jsで作られたオープンソースのcanva代替となるデザインエディター・「Scenify」

縦線、横線、四分円だけを使うオープンソースのミニマルなグラフィックエディター・「minimator」

任意のWebサイトで使用されている色を抽出してパレットやCSSのコードを自動生成する・「Alwane」

Deno製のオープンソース静的サイトジェネレーター・「Lume」

ノート、Todo、ブックマーク、ポモドーロなどの機能を1か所にまとめた個人向けのオンラインワークスペースを提供してくれるWebアプリ・「QuickTab」

アイコンを管理したりコードをそのままコピーできるオープンソースのデスクトップアプリ・「Icon Shelf」

任意のSVGの各所の色やパスの削除等を簡単に行えるオープンソースのWebアプリ・「SVG Quick Editor」

完成図を見て正しいコードを選択するクイズ形式でCSSを視覚的に学べる・「Guess CSS!」

パララックス効果を簡単に付与できるスクリプト・「simpleParallax.js」

非開発者が使う事を想定して開発された、ブラウザで動作するオープンソースのヘッドレスWebページビルダー・「Plasmic」

ブックマークレットも用意されている、引用文を綺麗に見やすくスタイリングするライブラリ・「Quotebacks」

導入も楽々な手書き風のスタイリングが可能なスタイルシート・「doodle.css」

class不要で見た目をミニマルスタイルに整えてくれるclass-lessなCSSフレームワーク・「DreamCSS」

ツールチップやポップオーバー、ドロップダウンなどのフローティングエレメントを完全制御する為のJavaScriptライブラリ・「Floating UI」

開閉パネルやアコーディオン、タブなど切り替え要素のあるUIの為の軽量JavaScriptライブラリ・「Tiny UI Toggle」

ダミー画像をイラストで生成してくれるダミー画像生成サービス・「Doodle Ipsum」

HTMLのタグ内に含めて良いタグかどうかを教えてくれる、HTMLタグのネスト可否チェックツール・「Can I Include」

CSS製のボタンやチェックボックス、トグルボタンをその場で作成して共有できる・「cssbuttons.io」

CodePenやJSFiddleにインスパイアされたHTML/CSS/JavaScriptのコードを実行できるOSSデスクトップアプリ・「Code Box」
