架空の都市の地図を作成出来るオープンソースのWebアプリ・「Map Generator」
Map Generator Map Generatorは架空の都市の地図を作成出来るオープンソースのWebアプリです。 細かな設定項目を決めてgenerateを押すだけで決めた設定に沿った地図がランダム生成されます。作成した地図...
Resource - github
商用でも無料で使える1000以上のミニマルなオープンソースのアイコンセット・「Teenyicons」
Teenyicons Teenyiconsは商用でも無料で使える1000以上のミニマルなオープンソースのアイコンセットです。 ラインタイプと塗りつぶしタイプの2種が500以上用意されており、合わせて1000以上のアイコンがセット...
アニメーションしながら動的に順位が入れ替わるバーチャートを生成できるOSS・「Bar chart race generator」
Bar chart race generator Bar chart race generatorはアニメーションしながら動的に順位が入れ替わるバーチャートを生成できるOSSです。Bar chart raceって言うんですね。初めて知...
顔や服、髪型、色や表情など様々なパーツをランダムに組み合わせた人物イラストを生成し、Webサイトやアプリ等に使用できるOSS・「Big Heads」
Big Heads Big Headsは顔や服、髪型、色や表情など様々なパーツをランダムに組み合わせた人物イラストを生成し、Webサイトやアプリ等に埋め込めるツールです。 パーツは17種用意されており、組み合わせる事で10億通り...
応答性、読みやすさ、モジュール性を重視して設計されたミニマルなCSSフレームワーク・「mono/color」
mono/color mono/colorは応答性、リーダビリティ、モジュール性を重視して設計されたミニマルなCSSフレームワークです。 必要な物だけを揃えたモノクロタイプと、カラースキームやカードUI、ユーティリティなども揃え...
モジュール形式のCSSボタンシステム・「knopf.css」
knopf.css See the Pen Knopf.css – Tests by kachibito (@kachibito) on CodePen. knopf.cssはモジュール形式のCSSボタンシステムです。...
オープンソースのプロジェクトを探したり比較できる・「Openbase」
Openbase OpenbaseはGithub等で公開されているオープンソースのプロジェクトを探したり比較できるWebアプリです。 TopページではJavaScriptやCSSなどのフレームワークを比較できると謳っていますが、...
Githubで公開されているコードの任意の行をブックマークできるChromeエクステンション・「Github Bookmarks」
Github Bookmarks Github BookmarksはGithubで公開されているコードの任意の行をブックマークできるChromeエクステンションです。 ファイル内の任意の行をブックマークし、Github内で管理す...
テキストや背景のグラデーションカラーを手軽に設定できるCSSライブラリ・「grxdients.css」
grxdients.css See the Pen KKVRrbN by kachibito (@kachibito) on CodePen. grxdients.cssはテキストや背景のグラデーションカラーを手軽...
Webアプリ等に手軽にキーバインドを実装できるスクリプト・「whenipress」
whenipress See the Pen xxZWjwB by kachibito (@kachibito) on CodePen. whenipressは開発したWebアプリ等に手軽にキーバインドを実装できる...
GitHubアカウントから開発者向けポートフォリオを作成出来る・「Profiled」
Profiled ProfiledはGitHubアカウントから開発者向けポートフォリオを作成出来るWebアプリです。 GitHubのアカウントの情報を元に自動でポートフォリオを作成してくれる、というもの。 無償版では多少の...
オープンソースのngrok代替・「Expose」
Expose Exposeはオープンソースとして提供されているトンネルアプリケーションです。ngrokの代替として開発しているそうです。 ngrokと同様に、ローカル環境のWebアプリ等を外部に公開して共有できるようにする、とい...
色のコントラストが視覚障害を持つ様々な人にどのように影響するかについて教えてくれる・「Who Can Use」
Who Can Use Who Can Useは色のコントラストが視覚障害を持つ様々な人にどのように影響するかについて教えてくれるユーザビリティツールです。 任意の背景とテキストのカラーを指定すると、色覚異常の各症状のシミュ...
モダンでシンプルなRSSリーダー・「feedfox」
feedfox feedfoxはモダンでシンプルなRSSリーダーです。個人的に「そうそうこういうので良いんだよ」となったのでメモ 通常のWebサイトのフィードはもちろん、YoutubeやPodcastなどのRSSを登録すればその...
チャートも含める事が出来るテーブルライブラリ・「AnyGrids」
AnyGrids See the Pen YzwWpoK by kachibito (@kachibito) on CodePen. AnyGridsはチャートも含める事が出来るテーブル生成JavaScriptライブラ...
class不要で基本的なスタイルを提供するCSSフレームワーク・「Basic.css」
Basic.css See the Pen GRooBMO by kachibito (@kachibito) on CodePen. Basic.cssはclass不要で基本的なスタイルを提供するCSSフレームワーク...
軽量さ重視の、markdownで書けるミニマルなオープンソースのブログシステム・「Bear blog」
Bear blog Bear blogは軽量さ重視の、markdownで書けるミニマルなオープンソースのブログシステムです 多くの人気ブログプラットフォームは需要が伸びるにつれユーザーのニーズに応え、結果的に肥大化してしまってい...
レイアウトを維持したままPDFファイルを編集できるWebアプリ・「Simpdf」
Simpdf Simpdfはレイアウトを維持したままPDFファイルを編集できるシンプルなWebアプリです 使い方も簡単、任意のPDFを読み込んでパースすれば編集画面に遷移しますので編集するだけです。送信したPDFはパース後に削除...
KeePass互換のオープンソースのパスワードマネージャ・「AuthPass」
AuthPass AuthPassはKeepass 2.x(kdbx 3.x)互換のオープンソースのパスワードマネージャです 互換といっても現在はAndroid、iOS、MacOSのみとなっており、WindowsとLinuxは開...
いびつな形の要素をSVGで作れるWebアプリ・「Blobs」
Blobs Blobsはいびつな形の要素をSVGで作れるWebアプリです。Web APIのBlobやBinary Large OBjectとは関係なく、単に形状表したものになります アメーバのようなはっきりしない形状のシェイプを...
uilangやAlpine.js等にインスパイアされた、簡単なDOM操作を手軽に行える超軽量スクリプト・「Fluor.js」
Fluor.js Fluor.jsはちょっとしたDOM操作を手軽に行える超軽量スクリプトです。uilangやAlpine.js等にインスパイアされたそう classの付与/除去やクリックイベント、トグルなどなど需要の高そうな操作...
オープンソースのクロスプラットフォームなミュージックシーケンサー・「Helio」
Helio Helioはオープンソースのクロスプラットフォームなミュージックシーケンサーです 世にある有能なミュージックシーケンサーは複雑過ぎたり使いやすくても有償だったり特定の環境でしか動かなかったりするのでどの環境でも動作す...