Webデザイナー向け

ソフトウェア

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

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

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

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

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

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

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

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

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

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

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

好みの形のblobをSVGで作れるシェイプジェネレーター・「ssshape」
プログラミング補助

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

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

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

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

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

ダイナミックなアニメーション背景を生成するジェネレーター・「pocoloco」
CSS/HTML

リンクやボタンなどに使えるピュアCSSアニメーションのコレクション・「Annimay」
ソフトウェア

映画ポスターやCDアルバムのカバー、本のカバーなどのダミー画像アプリ・「Lorem.space」
その他

WCAG 2.1に基づいたアクセシビリティを図解入りで分かりやすく解説する・「Access Guide」
JavaScript

タッチフレンドリーな3Dパララックスを実装する軽量JavaScriptライブラリ・「Atropos」
次のページ