Webデザイナー向け

Webデザイン補助

デザインに関する多種多様なリソースを大量にアーカイブ、カテゴライズしたコレクション・「Toools.design」
CSS/HTML

最小限のコードで実装できるCSS製のローダーをまとめたCSSライブラリ・「Whirl」
ジェネレーター

微調整や編集も可能な画像の背景削除ツール・「PicWish」
Ads
CSS/HTML

タブやスライドメニュー、アコーディオンなどJavaScriptを使わずCSSのみで実装できるインタラクティブUIコンポーネントのライブラリ・「CSSUI」
ソフトウェア

Webやモバイルアプリ向けに開発されたオープンソースのテスト自動化プラットフォーム・「Testsigma」
ジェネレーター

ダミー画像をSVGまたはbase64で生成するシンプルなWebアプリ・「Placy」
複合/その他

シンプルさとカスタマイズ性の高さでUI設計をサポートするフロントエンドライブラリ・「Xtend UI」
CSS/HTML

軽量、シンプルで使いやすく様々なユーティリティも備えられたCSSフレームワーク・「Beercss」
その他

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

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

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

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

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

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

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

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

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

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

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

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

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

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