Resource - シンプル

ファイルのサイズや数に制限なくユーザー登録等も不要で無料利用できるセキュアなリアルタイムファイル転送サービス・「DirectShare」

DirectShare DirectShareはファイルのサイズや数に制限なくユーザー登録等も不要で無料利用できるセキュアなリアルタイムファイル転送サービスです。転送はファイル選択後に発行されるQRコード、やアクセスコード、URLなど...

任意の要素に好みのエフェクトを付与できるシンプルなJavaScriptライブラリ・「party.js」

party.js party.jsは任意の要素に好みのエフェクトを付与できるシンプルなJavaScriptライブラリです。 導入も操作も簡単で、利用するに特に困る事も無さそうなので覚えておこうかなと思います。 以下動作サン...

スクリーンショット等の一部を拡大し、周囲をボカした画像に加工できるWebアプリ・「ProductShot」

ProductShot ProductShotはスクリーンショット等の一部を拡大し、周囲をボカした画像に加工できるWebアプリです。 上画像のように任意の画像をアップロードすると拡大鏡が表示され、周囲をボカしたり任意のカラーの透...
Ads

任意のチートシートをオンラインで作成、公開、共有できるオープンソースのWebアプリ・「Cheat-sheet maker」

Cheat-sheet maker Cheat-sheet makerは任意のチートシートをオンラインで作成、公開、共有できるオープンソースのWebアプリです。 各項目を1つずつ作成していく形で、内容は各プログラミング言語がメイ...

Githubのreadme.mdをプレビューで確認しながら編集し、ダウンロードできる・「Repository.md」

Repository.md Repository.mdはGithubのreadme.mdをプレビューで確認しながら編集し、ダウンロードできるWebアプリです。 リポジトリの名を指定するとそのリポジトリのreadme.mdが読み込...

細かいカスタマイズが可能なQRコード生成Webアプリ・「QR.io」

QR.io QR.ioは細かいカスタマイズが可能なQRコード生成Webアプリです。読み取り内容やデザインなど細かいところまでカスタマイズし、PNGやSVGなどでダウンロードする事が出来ます。 読み取り内容はリンクやメールアドレス...

SVGやJPG等の画像の最適化、JSON/JS/TS/CSSなどのフォーマット、カラーコード変換などフロントエンド開発をサポートするツールをページ移動せずに使えるWebアプリ・「Frontend Toolkit」

Frontend Toolkit Frontend ToolkitはSVGやJPG等の画像の最適化、JSON/JS/TS/CSSなどのフォーマット、カラーコード変換などフロントエンド開発をサポートするWebアプリのコレクションです。 ...

LaTeXを任意のWebサイト等に埋め込める・「Math Embed」

Math Embed Math EmbedはLaTeXを任意のWebサイト等に埋め込めるシンプルなWebアプリです。 コードを入力するとLaTeXに変換され、URLが発行されるのでそのURLをiframeなどで任意のWebサイト...

任意のCSSアイコンから別のCSSアイコンへの遷移アニメーションのコードを提供する・「CSS ICON animate」

CSS ICON animate CSS ICON animateは任意のアイコンから別のアイコンへの遷移アニメーションを、アイコンも含めて全てCSSで作れるサービスです。 以前ご紹介した、CSSのみで出来たアイコン集のCSS ...

オープンソースのWebサイト監視ツール・「Botnbot」

Botnbot Botnbotはオープンソースとしても提供されているWebサイト監視ツールです。無償プラン、有償プランの他、セルフホスト版のOSSとしてソースコードが公開されています。 任意のWebサイトのUptimeをモニタリ...

Tailwind.cssベースのクリーンでミニマルなオープンソースの管理画面テンプレート・「Cleopatra」

Cleopatra CleopatraはTailwind.cssベースのクリーンでミニマルなオープンソースの管理画面テンプレートです。 最近のCSSフレームワークでは最も注目されているであろうTailwind.cssがベースのダ...

コードを書くと結果が即反映されるCodepenやjsfidleのようなHTML/CSS/JavaScripteコード実行ツール・「Codeist」

Codeist Codeistはコードを書くと結果が即反映されるCodepenやjsfidleのようなHTML/CSS/JavaScripteコード実行ツールです。Ace.jsが使われています。書いたコードは自動で保存されます。 ...

スタートアップに役立ちそうなツールを超大量にリスト化している・「StartupToolbox」

StartupToolbox StartupToolboxはスタートアップ企業に役立ちそうなツールの超大量なリストです。Githubのリポジトリで公開されています。 リストはデザインや開発に関わるものや顧客関連、支払い、解析、人...

ダミーのテキスト、画像、動画をそれぞれURLで提供する・「ipsm.io」

ipsm.io ipsm.ioはダミーのテキスト、画像、動画をそれぞれURLで提供するダミーコンテンツ生成サービスです。 各々、とてもシンプルで手軽に使えますし、フォーマットも分かりやすいので生成されるURLのルールさえ覚えてし...

Vue.jsで作られた、パーツを組み合わせて作れるアバター作成アプリ・「Avatar Maker」

Avatar Maker Avatar MakerはVue.jsで作られた、パーツを組み合わせて作れるアバター作成アプリです。 任意の箇所から好みのパーツを選んで組み合わせてアバターを作成出来るよくあるやつです。素材やスタイルを...

ユニークなSVG背景を簡単に作成できるWebアプリ・「Haikei」

Haikei HaikeiはユニークなSVG背景を簡単に作成できるWebアプリです。いくつかの雛形から選んで形状や色、サイズやオブジェクトの数などを決定してDLする、というもの。 用意されている雛型は波状のものやサークル、アメー...

カスタマイズしてダウンロードできるオープンソースのシンプルなSVGアイコンセット・「HOLA SVG」

HOLA SVG HOLA SVGはその場でカスタマイズしてダウンロードできるオープンソースのシンプルなSVGアイコンセットです。 Strokeの太さや色、fillの色を変更したり角丸にしたりStrokeを破線に変更するなどが可...

Vue.jsとBootstrapで作られたサーバーレスなオープンソースの請求書作成ツール・「Serverless Invoices」

Serverless Invoices Serverless InvoicesはVue.jsとBootstrapで作られたサーバーレスなオープンソースの請求書作成ツールです。 上図のようにシンプルなもので既にレイアウトは決められ...

クラスレスでHTML要素に基本的なスタイルを適応するCSS・「Bamboo CSS」

Bamboo CSS See the Pen XWNqrRE by kachibito (@kachibito) on CodePen. Bamboo CSSはHTML要素に基本的なスタイルを適応するclass-les...

コードを画像化してダウンロードできるWebアプリ・「Ray.so」

Ray.so Ray.soはコードを画像化してダウンロードできるWebアプリです。書いたコードを画像にしてSNSなどに投稿するのが主な目的みたいです。 この手のツールは既に多く世に送られていて、その筆頭がCarbon(当ブログの...

商用でも使えるSVGアイコンのセットを大量に収集、検索できる・「SVG Repo」

SVG Repo SVG Repoは商用でも使えるSVGアイコンのセットを大量に収集、検索できるSVG検索エンジンです。 さらにほとんどのアイコンは無償配布されているものに絞って収拾されているみたいで数にして30万以上のアイコン...

SVGの編集や最適化、変換、管理や検索が可能なSVG管理デスクトップアプリ・「SVGX」

SVGX SVGXはSVGの編集や最適化、変換、管理や検索が可能なSVG管理デスクトップアプリです。Win、Macの両OSに対応しています。Electron + Svelteで作られているようです。 端末内の任意のSVGのプレビ...
Ads