スマホやタブレット向けのアプリアイコンをデザインできるWebアプリ・「IconKitchen」 IconKitchen IconKitchenはスマホやタブレット向けのアプリアイコンをデザインできるWebアプリです。ユーザー登録不要でどなたでも利用できます。 プレビューを見ながらアイコンを作成する事が出来るようになっており...2021.11.11 | 10時05分06秒
AirtableのデータをPostgreSQLに移行するためのWebアプリ・「Free Airtable to PostgreSQL migration tool」 Free Airtable to PostgreSQL migration tool Free Airtable to PostgreSQL migration toolはAirtableのデータをPostgresに移行するためのWe...2021.11.10 | 10時04分33秒
好みの形のblobをSVGで作れるシェイプジェネレーター・「ssshape」 ssshape ssshapeは好みの形のblobをSVGで作れるシェイプジェネレーターです。以前ご紹介したBlobsはランダムでしたがこちらは形を自分で決める事が出来ます。 ポイントの場所を指定すれば右下に☆ssshapeとい...2021.11.09 | 9時49分46秒
ダイナミックなアニメーション背景を生成するジェネレーター・「pocoloco」 pocoloco See the Pen Untitled by kachibito (@kachibito) on CodePen. pocolocoはダイナミックなアニメーション背景を生成するジェネレーター...2021.10.21 | 10時01分15秒
チャートやダイアグラムなど、画像を手書き風に変換、スタイルの調整等も可能なWebアプリ・「INSTAD.IO」 INSTAD.IO INSTAD.IOはチャートやダイアグラムなど、画像を手書き風に変換、スタイルの調整等も可能なWebアプリです。 フローチャートやダイアグラム、インフォグラフィックなどを印象的な見た目の手書き風に出来るように...2021.08.28 | 10時08分40秒
機械学習を使ってWebサイトやブランドカラー、グラフィック等のカラースキームを生成するカラーパレットジェネレーター・「Huemint」 Huemint Huemintは機械学習を使ってWebサイトやブランドカラー、グラフィック等のカラースキームを生成するAIカラーパレットジェネレーターです。 ブランド、Webサイト、グラフィックの雛型がそれぞれ用意されており...2021.08.19 | 10時12分04秒
背景をボカして透過させるすりガラス風コンテンツを作成、CSSをコピーできる・「Glassmorphism CSS Generator」 Glassmorphism CSS Generator Glassmorphism CSS Generatorは背景をボカして透過させるすりガラス風コンテンツを作成、CSSをコピーできるWebアプリです。 Windows Vis...2021.07.23 | 10時07分54秒
ドラッグ&ドロップでTailwind.cssベースのWebページを作成出来るノーコードWebサイトビルダー・「Windframe」 Windframe Windframeはドラッグ&ドロップでTailwind.cssベースのWebページを作成出来るノーコードWebサイトビルダーです。 この手のツールでよくあるタイプのUIで直感的に操作できます。左カラムでパー...2021.07.19 | 10時02分45秒
Web制作をサポートする実用的なツールを50以上公開している・「toolb.dev」 toolb.dev toolb.devはWeb制作をサポートする実用的なツールを50以上公開しているプロジェクトサイトです。大量のツールが公開されていますが、どれもそれなりに使いそうなツールばかりでした。 ツールはHTML、CS...2021.07.15 | 10時11分16秒
自動または手動で画像の背景を削除できるWebアプリ・「FocoClipping」 FocoClipping FocoClippingは自動または手動で画像の背景を削除できるWebアプリです。既に多くの同様のツールが存在しますが、こちらも用途は同じです。 基本的にはAIベースで画像を解析して前景を抽出し、周囲を...2021.06.27 | 10時01分43秒
CSS製のすりガラスを見た目を確認しながら作れるWebアプリ・「css.glass」 css.glass css.glassはCSS製のすりガラスを見た目を確認しながら作れるWebアプリです。上の様な、後方レイヤーにblurがかかるやつを簡単に作れるやつ。 設定をいじりながら作りたいすりガラスをつくってコードをコ...2021.06.21 | 10時05分35秒
手軽にVScodeのテーマを作成出来るオンラインVScodeテーマジェネレーター・「Oslo」 Oslo Osloは手軽にVScodeのテーマを作成出来るオンラインVScodeテーマジェネレーターです。 以前ご紹介したTheme Studioも同じようにVScodeのテーマを作成出来るものでしたが、細かいところまで設定でき...2021.05.15 | 10時00分32秒
スマホやPCなどのモニターに任意のSS画像等を合成できるモックアップ作成Webアプリ・「Mockups」 Mockups MockupsはスマホやPCなどのモニターに任意のSS画像等を合成できるモックアップ作成Webアプリです。 結構昔からある合成アプリですが、こちらは複数デバイスのモックアップも無料で利用できるみたいです。 ...2021.04.29 | 10時05分01秒
ダミーの人物情報の生成やダミー画像、Base64コンバーターなど地味に便利なツールを公開している・「Minimal Toolkit」 Minimal Toolkit Minimal ToolkitはWebアプリ等の開発者にとって地味に便利なツールを公開しているプロジェクトサイトです。 ダミーの人物情報の生成やダミー画像、JPGやGIF、WebPやVGなどの画像...2021.04.25 | 10時02分24秒
細かいカスタマイズが可能なQRコード生成Webアプリ・「QR.io」 QR.io QR.ioは細かいカスタマイズが可能なQRコード生成Webアプリです。読み取り内容やデザインなど細かいところまでカスタマイズし、PNGやSVGなどでダウンロードする事が出来ます。 読み取り内容はリンクやメールアドレス...2021.04.13 | 10時09分45秒
色に関する問題を解決してくれる様々なツールを公開している・「Dopely Colors」 Dopely Colors Dopely Colorsは色に関する問題を解決してくれる様々なツールを公開しているWebサイトです。 Webアプリはパレットツール、グラデーションツール、カラーコードコンバーター、トーンツール、カラ...2021.04.08 | 10時02分03秒
ChromiumベースのWebブラウザ向けのテーマを簡単に作成できる・「Chrome Theme Studio」 Chrome Theme Studio Chrome Theme StudioはChromiumベースのブラウザ向けのテーマを簡単に作成できるWebアプリです。 Chromeを始め、OperaやEedge、BraveといったCh...2021.04.05 | 10時05分16秒
任意の画像にCSSとSVGによるフィルターをプレビューを見ながら作成できる・「CSS Filters Generator」 CSS Filters Generator CSS Filters Generatorは任意の画像にCSSとSVGによるフィルターをプレビューを見ながら作成できるWebアプリです。 画像はサンプルが用意されていますが、アップロー...2021.04.02 | 10時09分37秒
任意のCSSアイコンから別のCSSアイコンへの遷移アニメーションのコードを提供する・「CSS ICON animate」 CSS ICON animate CSS ICON animateは任意のアイコンから別のアイコンへの遷移アニメーションを、アイコンも含めて全てCSSで作れるサービスです。 以前ご紹介した、CSSのみで出来たアイコン集のCSS ...2021.03.31 | 10時03分24秒
ユニークなSVG背景を簡単に作成できるWebアプリ・「Haikei」 Haikei HaikeiはユニークなSVG背景を簡単に作成できるWebアプリです。いくつかの雛形から選んで形状や色、サイズやオブジェクトの数などを決定してDLする、というもの。 用意されている雛型は波状のものやサークル、アメー...2021.03.14 | 10時10分05秒
ヘッダに良く使われるアニメーションする背景を簡単に作れる・「Free Animated Headers」 Free Animated Headers See the Pen MWbjqPO by kachibito (@kachibito) on CodePen. Free Animated Headersはヘッダに良く使...2021.02.11 | 10時03分29秒
すりガラス風のCSSを、プレビューで確認しながらコードを生成できる・「Glassmorphism」 Glassmorphism Glassmorphismはすりガラス風のCSSを、プレビューで確認しながらコードを生成できるシンプルなWebアプリです。ぼかしの度合いと透過、色を設定する事が出来ます。 理屈は理解してても書くのが面...2021.02.04 | 10時07分45秒