Resource - オープンソース

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

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年間使った結果、公開としたそ...

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...

大量のオープンソースプロジェクトから任意のキーワードやカテゴリで探せる・「Awesome Open Source」

Awesome Open Source Awesome Open Sourceは大量のオープンソースプロジェクトから任意のキーワードやカテゴリで探せるWebサイトです 懐かしいディレクトリタイプになっており、目的に合わせてプロジ...

ユーザー登録もメールアドレスも不要で使えるオープンソースのファイル転送ツール・「blymp.io」

blymp.io blymp.ioはユーザー登録もメールアドレスも不要で使えるオープンソースのファイル転送ツールです WebRTC、Blobs、WebSocketsなどを使って高速転送を実現しているとの事 転送方法はユーザ...

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

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

1行のコードで使えるJavaScriptユーティリティのまとめ・「1loc」

1loc 1locは1行のコードで使えるJavaScriptユーティリティをまとめているプロジェクトサイトです。名前は1行のLOC (line of code)という意味のようです スニペットのまとめページ、みたいなもの。配列や...

オープンソースとして公開されているベーシックなプロジェクト管理ツール・「Leantime」

Leantime Leantimeはオープンソースとして公開されているベーシックなUIのプロジェクト管理アプリです UIはベーシックでも機能は充実しています。タスク管理はカンバンやテーブル、カレンダーなどで管理、アイデアボード機...

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

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

様々なタイプのCSS製の背景パターンを作成出来るスタイルシート・「pattern.css」

pattern.css pattern.cssはCSSだけで作れる様々な背景パターンを手軽に作れるスタイルシートです ドットや縦線、横線、斜めなどのストライプ、ジグザグなどを作成可能で、色やサイズも手軽に変更できるようになってい...
Ads