CSSデバッグを少し手伝ってくれる小さなスクリプト・「debugCSS.js」
debugCSS.js debugCSS.jsはCSSのデバッグ作業を少しだけ手伝ってくれる小さなスクリプトです。サイズは非圧縮でも1kb、圧縮版は600バイトほどです。 何をしてくれるかは上サンプルの通り、要素にアウトラインを...
Resource - MIT
React.jsによるアプリケーション開発の為のモジュール式UIコンポーネントライブラリ・「Chakra UI」
Chakra UI Chakra UIはReact.jsによるアプリケーション開発の為のUIコンポーネントライブラリです。モジュール式で必要なコンポーネントを必要な分だけ追加するタイプとなっています。 WAI-ARIAに準拠した...
プロジェクトが止まってしまっているSemantic UIからフォークされ、コミュニティによって開発が進められているUIフレームワーク・「Fomantic UI」
Fomantic UI Fomantic UIは、ある程度使用者が多いにもかかわらず、開発がほぼ止まってしまっているSemantic UIからフォークされて開発が進みだしたプロジェクトです。 プロジェクトサイトではコミュニティフ...
既存のコンテンツに統合出来るオープンソースのブログシステムフレームワーク・「Shaai」
Shaai Shaaiは既存コンテンツに統合可能なOSSのブログシステムフレームワークです。JS製、管理画面もありました。 プラグイン式に既存のWebサイトやアプリ等と統合し、ブログを構築できるのだそう。静的CMSなんかと相性良...
Webページにドラッグでページスクロール可能なミニマップを生成するスクリプト・「pagemap」
pagemap See the Pen KKPqwER by kachibito (@kachibito) on CodePen. pagemapはWebページにドラッグでページスクロール可能なミニマップを生成するスク...
モダンで軽量なオープンソースのパスワードマネージャ・「Swifty」
Swifty SwiftyはOSSとして公開されているモダンで軽量なパスマネです。デスクトップアプリとして提供されています。 ユーザーIDやクレカ情報、メモなどを保存可能で、全てのデータはマスターパスワードで暗号化されて...
BootstrapベースでVueやReact、jQuery、Angularなど様々なライブラリに対応可能の、大量のコンポーネントを含んだダッシュボード/管理画面テンプレート・「Airframe」
Airframe AirframeはBootstrapベースのダッシュボードテンプレートです。BootstrapVueやng-bootstrapなどを使う事でVueやAngularなど様々なライブラリに対応できるとのことです。 ...
シンプルな統計付きのオープンソースなURL短縮ツール・「URL Shortener」
URL Shortener URL ShortenerはOSSのURL短縮ツールです。Reactベースでシンプルな統計機能付きです。 統計機能はデフォルトではURLのクリック数のみでユーザーに公開される仕様のようです。生成される...
PHPで書かれたオープンソースのPocketクローン・「wallabag」
wallabag wallabagはオープンソースとして公開されているPocketクローンです。PocketやInstapaper、すでにサービスをシャットダウンしてしまったReadabilityなど、後で読む系サービスの代替アプリが...
xkcdライクな手書き風のチャートライブラリ・「Chart.xkcd」
Chart.xkcd See the Pen chart.xkcd pie by timqian (@timqian) on CodePen. Chart.xkcdは手書き風のチャートを生成できるJavaScriptラ...
グラデーションにも対応できるJavaScriptカラーピッカー・「GPickr」
GPickr See the Pen KKPzPjr by kachibito (@kachibito) on CodePen. GPickrは単色だけでなく、CSSグラデーションにも対応できるカラーピッカーです。非依...
Vue.jsベースのオープンソースな管理画面テンプレート・「Vuestic Admin」
Vuestic Admin Vuestic AdminはVue.jsベースのオープンソースな管理画面テンプレートです。40以上のUIコンポーネントも同梱されています。 コンポーネントを含むレイアウトは完全なレスポンシブ対...
form要素を対話形式で作成できるスクリプト・「Conversational Form」
Conversational Form See the Pen Conversational Forms - native validation (v1.0.0 feature) by kachibito (@kachibi...
GoogleドキュメントでWebページを作成、公開できるOSS・「ImportDoc」
ImportDoc ImportDocはGoogleドキュメントで書いたコンテンツをそのままWebページとして公開できるようにするライブラリです。OSSとして公開されています。 Googleドキュメントで管理できるので簡易的...
ABC記譜法を自動で楽譜化、音源化したりダウンロード出来るようにするスクリプト・「abc.js」
abc.js abc.jsはABC記譜法を自動で楽譜化、その場で視聴したりMIDIファイルを生成してダウンロードできるようにするスクリプトです。 ABC記譜法は以下のようにプレーンテキストで楽譜を表現できるようにしたもの。 (...
オープンソースのシンプルなReact.jsコンポーネントライブラリ・「Flawwwless ui」
Flawwwless ui Flawwwless uiはシンプルなReact.jsのコンポーネントライブラリです。シンプルで扱いやすいように設計されている印象でした。 用意されたUIコンポーネントはよく使われるものでモーダルウィ...
軽量でカスタマイズ性重視の、カスタムプロパティを使ったモダンなCSSフレームワーク・「HiQ」
HiQ HiQは軽量でカスタマイズしやすいCSSフレームワークです。PostCSSで構築されており、カスタムプロパティを導入したモダン設計で管理もしやすい印象です。 カスタムプロパティをふんだんに使っており、直感的な変数...
手数料も無料の、Bitcoinによる少額決済も可能なLightning Networkを搭載した画像売買マーケット・「Bitcoin4Photos」
Bitcoin4Photos Bitcoin4PhotosはBTCによる決算が可能なストックフォトマーケットです。誰でも自身の画像を売買可能で手数料も無料だそう。 本マーケットでは1セント以下、1円以下での決済も可能な少額決済を...
Blockstackで任意のPDFをアップロードし注釈をつけて管理できるOSS・「Safe Notes」
Safe Notes Safe NotesはBlockstack上で任意のPDFをアップロードして注釈をつけて管理できるオープンソースのソフトウェアです。プライベートな空間でPDFをメモ付きで管理できる、というもの。 メ...
手軽にダークモードを導入できるシンプルなスクリプト・「Darkmode.Js」
Darkmode.Js Darkmode.Jsは手軽にダークモードをWebサイトに導入できるシンプルなスクリプトです。非依存で非常に軽量ですが、要はmix-blend-modeを使うので汎用性は高くはありません。 dev.toの...
任意の画像にフィルターを掛けたりリサイズ、切り抜き等の加工を施してダウンロードできるOSSの画像編集ライブラリ・「Filerobot Image Editor」
Filerobot Image Editor Filerobot Image Editorは任意の画像にさまざまなフィルターを掛けたりリサイズ、クロップ、回転などの加工を施したうえでダウンロードできるようにする、画像加工ライブラリです...
コピペで使えてカスタマイズもしやすいCSSアニメーションコードをまとめている・「CSS WAND」
CSS WAND CSS WANDはコピペで使えるように工夫されたCSSアニメーションコードのまとめサイトです。HTMLとCSSをそれぞれコピーして簡単に利用できるようになっています。 まとめと言ってもまだ数は少ないですが、...