スクリーンショット等の一部を拡大し、周囲をボカした画像に加工できるWebアプリ・「ProductShot」
ProductShot ProductShotはスクリーンショット等の一部を拡大し、周囲をボカした画像に加工できるWebアプリです。 上画像のように任意の画像をアップロードすると拡大鏡が表示され、周囲をボカしたり任意のカラーの透...
Resource -"キーワード指定なし"
任意のチートシートをオンラインで作成、公開、共有できるオープンソースのWebアプリ・「Cheat-sheet maker」
Cheat-sheet maker Cheat-sheet makerは任意のチートシートをオンラインで作成、公開、共有できるオープンソースのWebアプリです。 各項目を1つずつ作成していく形で、内容は各プログラミング言語がメイ...
他サービスとの統合も可能な、日程調整をサポートするオープンソースのCalendly代替・「Calendso」
Calendso Calendsoは他サービスとの統合も可能な、日程調整をサポートするオープンソースのCalendly代替アプリです。 ホスティングサービスとして展開していますがOSSなのでセルフホスト、カスタマイズも可能です。...
映画向けに作られたオープンソースのメディアプレーヤー・「Moovie.js」
Moovie.js Moovie.jsは映画向けに作られたオープンソースのメディアプレーヤーです。映画向けとありますが基本的にはどの内容の動画でも問題なく動作します。 基本的なメディアプレーヤーの機能に加えて.vttや.srtな...
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などでダウンロードする事が出来ます。 読み取り内容はリンクやメールアドレス...
オープンソースのシンプルな2Dゲームエンジン・「kaboom.js」
kaboom.js kaboom.jsはオープンソースのシンプルな2Dゲームエンジンです。他ライブラリを必要としない非依存型のライブラリとなっています。 オート横スクロールのカーゲームや定番のフラッピーバード、マリオ系の横移動ア...
SVGやJPG等の画像の最適化、JSON/JS/TS/CSSなどのフォーマット、カラーコード変換などフロントエンド開発をサポートするツールをページ移動せずに使えるWebアプリ・「Frontend Toolkit」
Frontend Toolkit Frontend ToolkitはSVGやJPG等の画像の最適化、JSON/JS/TS/CSSなどのフォーマット、カラーコード変換などフロントエンド開発をサポートするWebアプリのコレクションです。 ...
150以上のコンポーネントを備えたFigma/Sketch用のUIキット・「Deca」
Deca Decaは150以上のコンポーネントを備えたFigma/Sketch用のUIキットです。 チャートやボタン、ドロップダウンなどなど基本的なものやプライスカード、プログレスなど需要の高いUIなどが揃えられています。 ...
iOSアプリ向けのブラウザベースのワイヤーフレームツール・「Stage」
Stage StageはiOSアプリ向けのブラウザベースのワイヤーフレームツールです。直感的な操作、設計ができるよう作られているそうです。 無償版と有償版があり、有償版では無償版では使えないテンプレートが使えるようですが、基本的...
色に関する問題を解決してくれる様々なツールを公開している・「Dopely Colors」
Dopely Colors Dopely Colorsは色に関する問題を解決してくれる様々なツールを公開しているWebサイトです。 Webアプリはパレットツール、グラデーションツール、カラーコードコンバーター、トーンツール、カラ...
軽量で非依存のカスタマイズ可能なパーティクル生成ライブラリ・「tsParticles」
tsParticles See the Pen tsParticles - Monocromatic confetti explosions by Matteo Bruni (@matteobruni) on CodePen...
LaTeXを任意のWebサイト等に埋め込める・「Math Embed」
Math Embed Math EmbedはLaTeXを任意のWebサイト等に埋め込めるシンプルなWebアプリです。 コードを入力するとLaTeXに変換され、URLが発行されるのでそのURLをiframeなどで任意のWebサイト...
ChromiumベースのWebブラウザ向けのテーマを簡単に作成できる・「Chrome Theme Studio」
Chrome Theme Studio Chrome Theme StudioはChromiumベースのブラウザ向けのテーマを簡単に作成できるWebアプリです。 Chromeを始め、OperaやEedge、BraveといったCh...
CC0で配布される250以上のコンポーネントを有したfigmaやXD、Skech向けのワイヤーフレームキット・「Bloo」
Bloo BlooはCC0で配布される250以上のコンポーネントを有したオープンソースのワイヤーフレームキットです。figmaやXD、Skech向けとして公開されています。モバイルファーストとなっていますが、PCサイトでも利用でき...
自分好みのウィジェットを並べられるダッシュボードをブラウザで作れるOSS・「Dashboard」
Dashboard Dashboardは自分好みのウィジェットを並べられるダッシュボードをブラウザで作れるOSSです。かなり昔の話ですがiGoogleのようなものになります。 各ウィジェットはドラッグで移動可能で、自動で綺麗なレ...
任意の画像にCSSとSVGによるフィルターをプレビューを見ながら作成できる・「CSS Filters Generator」
CSS Filters Generator CSS Filters Generatorは任意の画像にCSSとSVGによるフィルターをプレビューを見ながら作成できるWebアプリです。 画像はサンプルが用意されていますが、アップロー...
独自属性で任意のHTML要素に様々なアニメーション遷移エフェクトを付与できるスタイルシート・「transition.css」
transition.css transition.cssは独自属性で任意のHTML要素に様々なアニメーション遷移エフェクトを付与できるスタイルシートです。 CDNも用意されていますが、配布サイトで数値を調整してコードをコピーす...
任意のCSSアイコンから別のCSSアイコンへの遷移アニメーションのコードを提供する・「CSS ICON animate」
CSS ICON animate CSS ICON animateは任意のアイコンから別のアイコンへの遷移アニメーションを、アイコンも含めて全てCSSで作れるサービスです。 以前ご紹介した、CSSのみで出来たアイコン集のCSS ...
オープンソースのWebサイト監視ツール・「Botnbot」
Botnbot Botnbotはオープンソースとしても提供されているWebサイト監視ツールです。無償プラン、有償プランの他、セルフホスト版のOSSとしてソースコードが公開されています。 任意のWebサイトのUptimeをモニタリ...
立方体で作るボクセルアートを簡単な操作で作成、公開できる・「VOXELCANVAS」
VOXELCANVAS VOXELCANVASは立方体で作るボクセルアートを簡単な操作で作成、公開できるオンラインのボクセルアートエディターです。 マイクラのような立方体で作るコンテンツを直感的に作成できる、というもの。作成だけ...
自分好みのVS Codeのテーマをブラウザでプレビューを見ながら作成できる・「Theme Studio」
Theme Studio Theme Studioは自分好みのVS Codeのテーマをブラウザでプレビューを見ながら作成できるWebアプリです。 使い方は簡単で、各所の色を決めていくだけ、というものになりますが、その「各所」の数...