Resource - MIT

Webアプリ等に手軽にキーバインドを実装できるスクリプト・「whenipress」

whenipress See the Pen xxZWjwB by kachibito (@kachibito) on CodePen. whenipressは開発したWebアプリ等に手軽にキーバインドを実装できる...

ユーティリティも用意された超軽量なCSSレイアウトライブラリ・「lyt」

lyt See the Pen gOPXPLK by kachibito (@kachibito) on CodePen. lytはユーティリティも用意された超軽量なCSSレイアウトライブラリです。flexboxベース...

匿名で任意のファイルを共有できるOSSなWebアプリ・「beam.cafe」

beam.cafe beam.cafeは匿名で任意のファイルを共有できるOSSなWebアプリです。ログインやユーザー登録などは双方とも不要で共有用のURLを伝えるだけで利用可能です。 ファイルはサーバー上に保存されるのではなく、...
Ads

オープンソースのngrok代替・「Expose」

Expose Exposeはオープンソースとして提供されているトンネルアプリケーションです。ngrokの代替として開発しているそうです。 ngrokと同様に、ローカル環境のWebアプリ等を外部に公開して共有できるようにする、とい...

色のコントラストが視覚障害を持つ様々な人にどのように影響するかについて教えてくれる・「Who Can Use」

Who Can Use Who Can Useは色のコントラストが視覚障害を持つ様々な人にどのように影響するかについて教えてくれるユーザビリティツールです。 任意の背景とテキストのカラーを指定すると、色覚異常の各症状のシミュ...

手軽に扱えるタッチフレンドリーで汎用的なカルーセルライブラリ・「keen-slider」

keen-slider keen-sliderは手軽に扱えるタッチフレンドリーで汎用的なカルーセルライブラリです。 他ライブラリを必要としない非依存型でタッチデバイスファーストな設計となっています。操作もシンプルで様々な用途に使...

Animate.cssを使用してスクロールに応じてコンテンツにアニメーションエフェクトを追加できる軽量スクリプト・「Josh.js」

Josh.js See the Pen wvMzNYv by kachibito (@kachibito) on CodePen. Josh.jsはAnimate.cssを使用してスクロールに応じてコンテンツにアニ...

ブラウザで動作するオープンソースのテキストエディタ・「Writty」

Writty Writtyはブラウザで動作するオープンソースのテキストエディタです。HTML/JavaScript/CSSで作られています ライティングに集中できるよう、ミニマルなUIでツールバーも最小限に、且つサイドに寄せられ...

class不要で基本的なスタイルを提供するCSSフレームワーク・「Basic.css」

Basic.css See the Pen GRooBMO by kachibito (@kachibito) on CodePen. Basic.cssはclass不要で基本的なスタイルを提供するCSSフレームワーク...

リモートで音楽を教えたりコラボレーションできるオープンソースのジャムセッションWebアプリ・「jamhub」

jamhub jamhubはリモートでジャムセッションが出来るWebアプリです。オープンソースとしてソースコードも公開されています チャットツールのように部屋を作成して招待するだけのシンプルなもの。MIDIキーボードもサポートさ...

シンプルで扱いやすいHTMLテーブルライブラリ・「Grid.js」

Grid.js Grid.jsはシンプルで扱いやすいHTMLテーブルライブラリです。ReactやAngular、Vueなどは勿論、バニラでも問題なく動作します 9kbと非常に軽量で使い方もすごく簡単です。データを元に自動で指...

軽量さ重視の、markdownで書けるミニマルなオープンソースのブログシステム・「Bear blog」

Bear blog Bear blogは軽量さ重視の、markdownで書けるミニマルなオープンソースのブログシステムです 多くの人気ブログプラットフォームは需要が伸びるにつれユーザーのニーズに応え、結果的に肥大化してしまってい...

いびつな形の要素を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の付与/除去やクリックイベント、トグルなどなど需要の高そうな操作...

Tailwind CSSで使えるコンポーネントを確認しながらコードをコピーできる・「tailblocks」

tailblocks tailblocksはTailwind CSSで使えるコンポーネントを確認しながらコードをコピーできるWebサイトです 色を変更できる以外に編集可能な箇所はありませんが、よく使うコンポーネントをビジュアルで...

シンプルで見やすいレイアウトをclass不要で作れるclasslessなCSSフレームワーク・「new.css」

new.css See the Pen oNjJXae by kachibito (@kachibito) on CodePen. new.cssはシンプルで見やすいレイアウトをセマンティックなHTMLだけで作れるcl...

Neumorphism(ニューモーフィズム)にインスパイアされたUIキット・「Neumorphism UI」

Neumorphism UI Neumorphism UIはNeumorphism(ニューモーフィズム)にインスパイアされたUIキットです。レイアウトにはBootstrapがベースに使われています Neumorphism、ニュー...

コードスニペットを自然言語で検索できる・「CodeSnippetSearch」

CodeSnippetSearch CodeSnippetSearchは様々なプログラミング言語のコードスニペットを任意の自然言語で検索できるコード検索エンジンです 64万ものスニペットから検索可能で、検索結果はマッチ率の高い順...

Webページで音声による操作を可能にするボイスコマンドライブラリ・「Artyom.js」

Artyom.js Artyom.jsはWebページで音声による操作を可能にするボイスコマンドライブラリです Google NowやSiri、Cortanaなどの音声アシスタントの簡易版みたいなやつです 例えば挨拶したら返...

各OSに対応のオープンソースのSQLエディター/データベースマネージャー・「Beekeeper Studio」

Beekeeper Studio Beekeeper StudioはWindows,、Linux、Macなどに対応したオープンソースのSQLエディター/データベースマネージャーです MySQL、Postgres、SQLiteやS...

HTMLの属性にディレクティブを指定してリアクティブな動作を実装できるJavaScriptフレームワーク・「Alpine.js」

Alpine.js See the Pen To Do List - Alpine.js by kachibito (@kachibito) on CodePen. Alpine.jsはHTMLの属性にディレクティブを...

Windows98を再現できるCSS・「98.css」

98.css See the Pen GRpWyyz by kachibito (@kachibito) on CodePen. 98.cssはWindows98のUIを再現できるCSSです。基本的にはフォーム回りやダ...
Ads