チャートやダイアグラムなど、画像を手書き風に変換、スタイルの調整等も可能なWebアプリ・「INSTAD.IO」
INSTAD.IO INSTAD.IOはチャートやダイアグラムなど、画像を手書き風に変換、スタイルの調整等も可能なWebアプリです。 フローチャートやダイアグラム、インフォグラフィックなどを印象的な見た目の手書き風に出来るように...
Resource - ジェネレーター
機械学習を使ってWebサイトやブランドカラー、グラフィック等のカラースキームを生成するカラーパレットジェネレーター・「Huemint」
Huemint Huemintは機械学習を使ってWebサイトやブランドカラー、グラフィック等のカラースキームを生成するAIカラーパレットジェネレーターです。 ブランド、Webサイト、グラフィックの雛型がそれぞれ用意されており...
背景をボカして透過させるすりガラス風コンテンツを作成、CSSをコピーできる・「Glassmorphism CSS Generator」
Glassmorphism CSS Generator Glassmorphism CSS Generatorは背景をボカして透過させるすりガラス風コンテンツを作成、CSSをコピーできるWebアプリです。 Windows Vis...
ドラッグ&ドロップでTailwind.cssベースのWebページを作成出来るノーコードWebサイトビルダー・「Windframe」
Windframe Windframeはドラッグ&ドロップでTailwind.cssベースのWebページを作成出来るノーコードWebサイトビルダーです。 この手のツールでよくあるタイプのUIで直感的に操作できます。左カラムでパー...
Web制作をサポートする実用的なツールを50以上公開している・「toolb.dev」
toolb.dev toolb.devはWeb制作をサポートする実用的なツールを50以上公開しているプロジェクトサイトです。大量のツールが公開されていますが、どれもそれなりに使いそうなツールばかりでした。 ツールはHTML、CS...
自動または手動で画像の背景を削除できるWebアプリ・「FocoClipping」
FocoClipping FocoClippingは自動または手動で画像の背景を削除できるWebアプリです。既に多くの同様のツールが存在しますが、こちらも用途は同じです。 基本的にはAIベースで画像を解析して前景を抽出し、周囲を...
CSS製のすりガラスを見た目を確認しながら作れるWebアプリ・「css.glass」
css.glass css.glassはCSS製のすりガラスを見た目を確認しながら作れるWebアプリです。上の様な、後方レイヤーにblurがかかるやつを簡単に作れるやつ。 設定をいじりながら作りたいすりガラスをつくってコードをコ...
手軽にVScodeのテーマを作成出来るオンラインVScodeテーマジェネレーター・「Oslo」
Oslo Osloは手軽にVScodeのテーマを作成出来るオンラインVScodeテーマジェネレーターです。 以前ご紹介したTheme Studioも同じようにVScodeのテーマを作成出来るものでしたが、細かいところまで設定でき...
スマホやPCなどのモニターに任意のSS画像等を合成できるモックアップ作成Webアプリ・「Mockups」
Mockups MockupsはスマホやPCなどのモニターに任意のSS画像等を合成できるモックアップ作成Webアプリです。 結構昔からある合成アプリですが、こちらは複数デバイスのモックアップも無料で利用できるみたいです。 ...
ダミーの人物情報の生成やダミー画像、Base64コンバーターなど地味に便利なツールを公開している・「Minimal Toolkit」
Minimal Toolkit Minimal ToolkitはWebアプリ等の開発者にとって地味に便利なツールを公開しているプロジェクトサイトです。 ダミーの人物情報の生成やダミー画像、JPGやGIF、WebPやVGなどの画像...
細かいカスタマイズが可能なQRコード生成Webアプリ・「QR.io」
QR.io QR.ioは細かいカスタマイズが可能なQRコード生成Webアプリです。読み取り内容やデザインなど細かいところまでカスタマイズし、PNGやSVGなどでダウンロードする事が出来ます。 読み取り内容はリンクやメールアドレス...
色に関する問題を解決してくれる様々なツールを公開している・「Dopely Colors」
Dopely Colors Dopely Colorsは色に関する問題を解決してくれる様々なツールを公開しているWebサイトです。 Webアプリはパレットツール、グラデーションツール、カラーコードコンバーター、トーンツール、カラ...
ChromiumベースのWebブラウザ向けのテーマを簡単に作成できる・「Chrome Theme Studio」
Chrome Theme Studio Chrome Theme StudioはChromiumベースのブラウザ向けのテーマを簡単に作成できるWebアプリです。 Chromeを始め、OperaやEedge、BraveといったCh...
任意の画像にCSSとSVGによるフィルターをプレビューを見ながら作成できる・「CSS Filters Generator」
CSS Filters Generator CSS Filters Generatorは任意の画像にCSSとSVGによるフィルターをプレビューを見ながら作成できるWebアプリです。 画像はサンプルが用意されていますが、アップロー...
任意のCSSアイコンから別のCSSアイコンへの遷移アニメーションのコードを提供する・「CSS ICON animate」
CSS ICON animate CSS ICON animateは任意のアイコンから別のアイコンへの遷移アニメーションを、アイコンも含めて全てCSSで作れるサービスです。 以前ご紹介した、CSSのみで出来たアイコン集のCSS ...
ユニークなSVG背景を簡単に作成できるWebアプリ・「Haikei」
Haikei HaikeiはユニークなSVG背景を簡単に作成できるWebアプリです。いくつかの雛形から選んで形状や色、サイズやオブジェクトの数などを決定してDLする、というもの。 用意されている雛型は波状のものやサークル、アメー...
ヘッダに良く使われるアニメーションする背景を簡単に作れる・「Free Animated Headers」
Free Animated Headers See the Pen MWbjqPO by kachibito (@kachibito) on CodePen. Free Animated Headersはヘッダに良く使...
すりガラス風のCSSを、プレビューで確認しながらコードを生成できる・「Glassmorphism」
Glassmorphism Glassmorphismはすりガラス風のCSSを、プレビューで確認しながらコードを生成できるシンプルなWebアプリです。ぼかしの度合いと透過、色を設定する事が出来ます。 理屈は理解してても書くのが面...
様々なパターン背景をカスタマイズしてダウンロードできる・「Vector Pattern Generator」
Vector Pattern Generator Vector Pattern Generatorは様々なパターン背景をカスタマイズしてダウンロードできるWebアプリです。 よくある背景ジェネレーターですが、カスタマイズ性が割と...
ユニークでシームレスなパターン背景を簡単に作成、SVGやPNG等でダウンロードできる・「Pattern Generator」
Pattern Generator Pattern Generatorはユニークでシームレスなパターン背景を簡単に作成、SVGやPNG等でダウンロードできるWebアプリです。 用意されたパターンを選択肢てカラー等を設定して好みの...
写真をアップロードすると自動で背景を削除してくれるWebアプリ・「BACKGROUND REMOVER」
BACKGROUND REMOVER BACKGROUND REMOVERは写真をアップロードすると自動で背景を削除してくれるWebアプリです。 今までSlazzerやSocialBook Free Background Rem...
使用頻度の高そうなUIをその場で作ってコードを発行、コピーして使える・「CSSLab」
CSSLab CSSLabは使用頻度の高そうなUIをその場で作ってコードを発行、コピーして使えるWebサイトです。 ボタンやモーダルウィンドウ、各アニメーションエフェクト、矢印付きのボタンやリンクなどをその場でデザイン、CSSと...