Webデザイナー向け

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

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

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

Ads

完成図を見て正しいコードを選択するクイズ形式で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」

スマホやタブレット向けのアプリアイコンをデザインできるWebアプリ・「IconKitchen」

好みの形のblobをSVGで作れるシェイプジェネレーター・「ssshape」

モバイルデバイス向けのWebサイト構築のために開発された開発者向けブラウザ・「LT Browser」

任意のWebサイトで画像が最適化されているかを調べるCloudflare製のチェックツール・「Image Optimization Test」

カーソルの外観や動作などの高度なカスタマイズが可能なオープンソースのライブラリ・「Blobity」

6000個のアイコンをOSSで配布するVuesax公式のアイコンセット・「iconsax」

webpにも対応の、自動で背景を透過処理するAI搭載の背景削除ツール・「Erase.bg」