Resource - オープンソース

手軽に扱えるタッチフレンドリーで汎用的なカルーセルライブラリ・「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でツールバーも最小限に、且つサイドに寄せられ...
Ads

チャートも含める事が出来るテーブルライブラリ・「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フレームワーク...

リモートで音楽を教えたりコラボレーションできるオープンソースのジャムセッション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で書けるミニマルなオープンソースのブログシステムです 多くの人気ブログプラットフォームは需要が伸びるにつれユーザーのニーズに応え、結果的に肥大化してしまってい...

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はオープンソースのクロスプラットフォームなミュージックシーケンサーです 世にある有能なミュージックシーケンサーは複雑過ぎたり使いやすくても有償だったり特定の環境でしか動かなかったりするのでどの環境でも動作す...

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

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

ゲストによるビデオチャットの荒らしを防ぐためのOSSの事前チャットツール・「ClearChat」

ClearChat ClearChatゲストによるビデオチャットの荒らしを防ぐためのOSSの事前チャットツールです メインのチャットルームに入れても大丈夫かどうかを事前に人柄等をチェックするチャットアプリ、みたいなもの。Clea...

Windows XPライクなUIを提供するCSS・「XP.css」

XP.css See the Pen jObdBOr by kachibito (@kachibito) on CodePen. XP.cssはWindows XPのようなUIを提供するCSSです。以前ご紹介した98....

SVGのパスデータを可視化するシンプルなWebアプリ・「SVG Path Visualizer」

SVG Path Visualizer SVG Path VisualizerはSVGのパスデータを可視化するWebアプリです パスを定義するd属性を入力すると、それぞれのパラメーターが何をどのように描いているかを可視化、解説し...

シンプルで見やすいレイアウトを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、ニュー...

レスポンシブWebデザイン対応のWebサイト開発に特化したオープンソースのWebブラウザ・「Responsively」

Responsively ResponsivelyはRWDの開発に特化したWebブラウザです。オープンソースとしてソースコードも公開されています 各スマホのデバイスやタブレット、PCなど異なるデバイスでどのように表示され...

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

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

会議やイベント等で参加者からのフィードバック収集をサポートするオープンソースのソフトウェア・「Open Feedback」

Open Feedback Open Feedbackは会議やイベント等で参加者からのフィードバック収集をサポートするオープンソースのソフトウェアです 任意の選択肢を用意して選択して貰う投票型みたいです。投票すると円状のオブジェ...

カンバンボードのように使えるオープンソースのメールクライアント・「Kanmail」

Kanmail Kanmailはカンバンボードのように使えるオープンソースのメールクライアントです 現在、Macはベータ, LinuxとWindowsはアルファといった開発段階だそうですが、開発者が1年間使った結果、公開としたそ...
Ads