SVGやJPG等の画像の最適化、JSON/JS/TS/CSSなどのフォーマット、カラーコード変換などフロントエンド開発をサポートするツールをページ移動せずに使えるWebアプリ・「Frontend Toolkit」 Frontend Toolkit Frontend ToolkitはSVGやJPG等の画像の最適化、JSON/JS/TS/CSSなどのフォーマット、カラーコード変換などフロントエンド開発をサポートするWebアプリのコレクションです。 ...2021.04.11 | 10時02分10秒
150以上のコンポーネントを備えたFigma/Sketch用のUIキット・「Deca」 Deca Decaは150以上のコンポーネントを備えたFigma/Sketch用のUIキットです。 チャートやボタン、ドロップダウンなどなど基本的なものやプライスカード、プログレスなど需要の高いUIなどが揃えられています。 ...2021.04.10 | 10時06分26秒
iOSアプリ向けのブラウザベースのワイヤーフレームツール・「Stage」 Stage StageはiOSアプリ向けのブラウザベースのワイヤーフレームツールです。直感的な操作、設計ができるよう作られているそうです。 無償版と有償版があり、有償版では無償版では使えないテンプレートが使えるようですが、基本的...2021.04.09 | 10時09分46秒
色に関する問題を解決してくれる様々なツールを公開している・「Dopely Colors」 Dopely Colors Dopely Colorsは色に関する問題を解決してくれる様々なツールを公開しているWebサイトです。 Webアプリはパレットツール、グラデーションツール、カラーコードコンバーター、トーンツール、カラ...2021.04.08 | 10時02分03秒
軽量で非依存のカスタマイズ可能なパーティクル生成ライブラリ・「tsParticles」 tsParticles See the Pen tsParticles - Monocromatic confetti explosions by Matteo Bruni (@matteobruni) on CodePen...2021.04.07 | 10時06分38秒
LaTeXを任意のWebサイト等に埋め込める・「Math Embed」 Math Embed Math EmbedはLaTeXを任意のWebサイト等に埋め込めるシンプルなWebアプリです。 コードを入力するとLaTeXに変換され、URLが発行されるのでそのURLをiframeなどで任意のWebサイト...2021.04.06 | 10時05分10秒
ChromiumベースのWebブラウザ向けのテーマを簡単に作成できる・「Chrome Theme Studio」 Chrome Theme Studio Chrome Theme StudioはChromiumベースのブラウザ向けのテーマを簡単に作成できるWebアプリです。 Chromeを始め、OperaやEedge、BraveといったCh...2021.04.05 | 10時05分16秒
CC0で配布される250以上のコンポーネントを有したfigmaやXD、Skech向けのワイヤーフレームキット・「Bloo」 Bloo BlooはCC0で配布される250以上のコンポーネントを有したオープンソースのワイヤーフレームキットです。figmaやXD、Skech向けとして公開されています。モバイルファーストとなっていますが、PCサイトでも利用でき...2021.04.04 | 10時10分54秒
自分好みのウィジェットを並べられるダッシュボードをブラウザで作れるOSS・「Dashboard」 Dashboard Dashboardは自分好みのウィジェットを並べられるダッシュボードをブラウザで作れるOSSです。かなり昔の話ですがiGoogleのようなものになります。 各ウィジェットはドラッグで移動可能で、自動で綺麗なレ...2021.04.03 | 10時05分49秒
任意の画像にCSSとSVGによるフィルターをプレビューを見ながら作成できる・「CSS Filters Generator」 CSS Filters Generator CSS Filters Generatorは任意の画像にCSSとSVGによるフィルターをプレビューを見ながら作成できるWebアプリです。 画像はサンプルが用意されていますが、アップロー...2021.04.02 | 10時09分37秒
独自属性で任意のHTML要素に様々なアニメーション遷移エフェクトを付与できるスタイルシート・「transition.css」 transition.css transition.cssは独自属性で任意のHTML要素に様々なアニメーション遷移エフェクトを付与できるスタイルシートです。 CDNも用意されていますが、配布サイトで数値を調整してコードをコピーす...2021.04.01 | 9時53分27秒
任意のCSSアイコンから別のCSSアイコンへの遷移アニメーションのコードを提供する・「CSS ICON animate」 CSS ICON animate CSS ICON animateは任意のアイコンから別のアイコンへの遷移アニメーションを、アイコンも含めて全てCSSで作れるサービスです。 以前ご紹介した、CSSのみで出来たアイコン集のCSS ...2021.03.31 | 10時03分24秒
オープンソースのWebサイト監視ツール・「Botnbot」 Botnbot Botnbotはオープンソースとしても提供されているWebサイト監視ツールです。無償プラン、有償プランの他、セルフホスト版のOSSとしてソースコードが公開されています。 任意のWebサイトのUptimeをモニタリ...2021.03.30 | 10時02分38秒
立方体で作るボクセルアートを簡単な操作で作成、公開できる・「VOXELCANVAS」 VOXELCANVAS VOXELCANVASは立方体で作るボクセルアートを簡単な操作で作成、公開できるオンラインのボクセルアートエディターです。 マイクラのような立方体で作るコンテンツを直感的に作成できる、というもの。作成だけ...2021.03.29 | 10時06分31秒
自分好みのVS Codeのテーマをブラウザでプレビューを見ながら作成できる・「Theme Studio」 Theme Studio Theme Studioは自分好みのVS Codeのテーマをブラウザでプレビューを見ながら作成できるWebアプリです。 使い方は簡単で、各所の色を決めていくだけ、というものになりますが、その「各所」の数...2021.03.28 | 10時11分21秒
Tailwind.cssベースのクリーンでミニマルなオープンソースの管理画面テンプレート・「Cleopatra」 Cleopatra CleopatraはTailwind.cssベースのクリーンでミニマルなオープンソースの管理画面テンプレートです。 最近のCSSフレームワークでは最も注目されているであろうTailwind.cssがベースのダ...2021.03.27 | 10時08分32秒
さまざなデザインシステムのUIコンポーネントサンプルを収集している・「The Component Gallery」 The Component Gallery The Component GalleryはさまざなデザインシステムのUIコンポーネントサンプルを収集しているハブサイトです。 様々なデザインシステムは例えばA11YやMozillaな...2021.03.26 | 10時04分41秒
TrelloやAsanaなどの代替となるオープンソースのカンバンツール・「Focalboard」 Focalboard FocalboardはTrelloやAsanaなどの代替となるオープンソースのカンバンツールです。Goで書かれています。 Slack代替のオープンソースソフトウェアであるMattermostを提供するMat...2021.03.25 | 10時08分56秒
コードを書くと結果が即反映されるCodepenやjsfidleのようなHTML/CSS/JavaScripteコード実行ツール・「Codeist」 Codeist Codeistはコードを書くと結果が即反映されるCodepenやjsfidleのようなHTML/CSS/JavaScripteコード実行ツールです。Ace.jsが使われています。書いたコードは自動で保存されます。 ...2021.03.24 | 10時02分21秒
スタートアップに役立ちそうなツールを超大量にリスト化している・「StartupToolbox」 StartupToolbox StartupToolboxはスタートアップ企業に役立ちそうなツールの超大量なリストです。Githubのリポジトリで公開されています。 リストはデザインや開発に関わるものや顧客関連、支払い、解析、人...2021.03.23 | 10時05分36秒
大量のコンポーネントが用意されたTailwindベースのUIキット・「TUK」 TUK TUKは大量のコンポーネントが用意されたTailwindベースのUIキットです。Tailwind.cssで設計された様々な手プレートやコンポーネントが用意されており、開発をサポートしてくれます。 全てのコンポーネントは主...2021.03.22 | 9時54分18秒
ダミーのテキスト、画像、動画をそれぞれURLで提供する・「ipsm.io」 ipsm.io ipsm.ioはダミーのテキスト、画像、動画をそれぞれURLで提供するダミーコンテンツ生成サービスです。 各々、とてもシンプルで手軽に使えますし、フォーマットも分かりやすいので生成されるURLのルールさえ覚えてし...2021.03.21 | 10時04分36秒