ファイルのサイズや数に制限なくユーザー登録等も不要で無料利用できるセキュアなリアルタイムファイル転送サービス・「DirectShare」
DirectShare DirectShareはファイルのサイズや数に制限なくユーザー登録等も不要で無料利用できるセキュアなリアルタイムファイル転送サービスです。転送はファイル選択後に発行されるQRコード、やアクセスコード、URLなど...
Resource - Webディレクター向け
任意の要素に好みのエフェクトを付与できるシンプルなJavaScriptライブラリ・「party.js」
party.js party.jsは任意の要素に好みのエフェクトを付与できるシンプルなJavaScriptライブラリです。 導入も操作も簡単で、利用するに特に困る事も無さそうなので覚えておこうかなと思います。 以下動作サン...
任意のリンク集を本棚のようなレイアウトで作成、公開できるOSSのWebアプリ・「shelf.gg」
shelf.gg shelf.ggは任意のリンク集を本棚のようなレイアウトで作成、公開、シェアできるOSSのWebアプリです。 名前の通りブックシェルフをオンラインで作成できる、というもので内容的には単純なリンク集ですが、少し見...
Markdownファイルからドキュメントページを作成できる静的サイトジェネレーター・「Docuowl」
Docuowl DocuowlはMarkdownファイルからドキュメントページを作成できる静的サイトジェネレーターです。 StripeのAPIドキュメントサイトが好きで似たようなオンラインドキュメントを静的サイトジェネレーターで...
スクリーンショット等の一部を拡大し、周囲をボカした画像に加工できるWebアプリ・「ProductShot」
ProductShot ProductShotはスクリーンショット等の一部を拡大し、周囲をボカした画像に加工できるWebアプリです。 上画像のように任意の画像をアップロードすると拡大鏡が表示され、周囲をボカしたり任意のカラーの透...
任意のチートシートをオンラインで作成、公開、共有できるオープンソースの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も用意されていますが、配布サイトで数値を調整してコードをコピーす...