ABC記譜法を自動で楽譜化、音源化したりダウンロード出来るようにするスクリプト・「abc.js」
abc.js abc.jsはABC記譜法を自動で楽譜化、その場で視聴したりMIDIファイルを生成してダウンロードできるようにするスクリプトです。 ABC記譜法は以下のようにプレーンテキストで楽譜を表現できるようにしたもの。 (...
Resource - github
オープンソースのシンプルでモダンなepubビューアスクリプト・「Foliate」
Foliate Foliateはオープンソースのシンプルでモダンなepubビューアスクリプトです。epub.jsがベースとなっているそうです。 ナビゲーションやスクロールバー設置、カスタムテーマ、注釈ツールやハイライトなど、ep...
オープンソースのシンプルなReact.jsコンポーネントライブラリ・「Flawwwless ui」
Flawwwless ui Flawwwless uiはシンプルなReact.jsのコンポーネントライブラリです。シンプルで扱いやすいように設計されている印象でした。 用意されたUIコンポーネントはよく使われるものでモーダルウィ...
シンプルで使いやすい、ProseMirrorとReact.jsで作られたWYSIWYGエディタ・「Nib」
Nib Nibはシンプルで使いやすいWYSIWYGエディタです。WYSIWYGエディタフレームワークであるProseMirrorとReact.jsで構築されています。 ProseMirror自体シンプルで使いやすいんですが、より...
軽量でカスタマイズ性重視の、カスタムプロパティを使ったモダンなCSSフレームワーク・「HiQ」
HiQ HiQは軽量でカスタマイズしやすいCSSフレームワークです。PostCSSで構築されており、カスタムプロパティを導入したモダン設計で管理もしやすい印象です。 カスタムプロパティをふんだんに使っており、直感的な変数...
コンパクトでノイズの無いミニマルなオープンソースのカンバンボード・「Nullboard」
Nullboard NullboardはOSSのカンバンボードWebアプリです。コンパクトで無駄のないミニマルなスタイルとなっています。特に可読性にフォーカスして設計したそう。 機能は必要最低限ですが、重要なワークスペー...
手数料も無料の、Bitcoinによる少額決済も可能なLightning Networkを搭載した画像売買マーケット・「Bitcoin4Photos」
Bitcoin4Photos Bitcoin4PhotosはBTCによる決算が可能なストックフォトマーケットです。誰でも自身の画像を売買可能で手数料も無料だそう。 本マーケットでは1セント以下、1円以下での決済も可能な少額決済を...
Blockstackで任意のPDFをアップロードし注釈をつけて管理できるOSS・「Safe Notes」
Safe Notes Safe NotesはBlockstack上で任意のPDFをアップロードして注釈をつけて管理できるオープンソースのソフトウェアです。プライベートな空間でPDFをメモ付きで管理できる、というもの。 メ...
シンプルさ重視の軽量CSSフレームワーク・「TypeSafe CSS」
TypeSafe CSS TypeSafe CSSはシンプルさ重視の軽量なCSSフレームワークです。見出し、パラグラフ、リスト、引用、テーブルとコードハイライトのみのスタイルを提供します。 日々複雑化していくWebの世界はそれは...
preタグに書いたデータをダイアグラムとしてビジュアル化するスクリプト・「Pinker.js」
Pinker.js Pinker.jsはpreタグに書いたデータをcanvasにダイアグラムとして描いてくれるスクリプトです。 特定のルールに沿った書き方をpreタグにする事で簡易的なダイアグラムを生成できる、というもの。割と複...
手軽にダークモードを導入できるシンプルなスクリプト・「Darkmode.Js」
Darkmode.Js Darkmode.Jsは手軽にダークモードをWebサイトに導入できるシンプルなスクリプトです。非依存で非常に軽量ですが、要はmix-blend-modeを使うので汎用性は高くはありません。 dev.toの...
任意の画像にフィルターを掛けたりリサイズ、切り抜き等の加工を施してダウンロードできるOSSの画像編集ライブラリ・「Filerobot Image Editor」
Filerobot Image Editor Filerobot Image Editorは任意の画像にさまざまなフィルターを掛けたりリサイズ、クロップ、回転などの加工を施したうえでダウンロードできるようにする、画像加工ライブラリです...
Flexboxでやりたいレイアウトを、ビジュアルを見ながら選択肢を選んで作成、コードをコピーできる・「Flex」
Flex FlexはFlexboxでやりたいレイアウトを、ビジュアルを確認しながら選択肢を選んで作成、コードをコピーできるシンプルなWebアプリです。設定項目の多いFlexboxは様々なレイアウトに対応できる反面で、覚えなければな...
VSCodeやAtom、Sublimeなど、様々なテキストエディタのカラーテーマを作成、公開しているプロジェクト・「RAINGLOW」
RAINGLOW RAINGLOWはVSCodeやAtom、Sublimeなど、様々なテキストエディタのカラーテーマを作成、公開しているプロジェクトです。全てDayle Rees氏の開発したオリジナルのカラーテーマだそうです。オリジナ...
Vue.jsベースのECサイト向けUIコンポーネントライブラリ・「Storefront UI」
Storefront UI Storefront UIはECサイトの為に開発されたVue.jsベースのUIコンポーネントライブラリです。デザイナーや開発者向けに設計されており、カスタマイズのしやすさも考慮されているそうで、デス...
マウスの動きやスクロールなど、閲覧ユーザーのブラウザのビューポート状態を監視するスクリプト・「Tornis」
Tornis Tornisはマウスの動きやスクロールなど、閲覧ユーザーのブラウザのビューポート状態を監視するスクリプトです。シンプルで軽量、依存関係もなく、使いやすい設計となっています。 パララックスの為のスクリプトというわけで...
Bootstrap 4と互換性のある、120以上のコンポーネントを揃えたWeb開発キット・「Uix Kit」
Uix Kit Uix KitはBootstrap 4と互換性のある、120以上のコンポーネントを揃えたWeb開発キットです。CSSフレームワークではないとの事。 これ単体でも開発を始められるし、Bootstrap 4を使い慣れ...
Font Awesomeから派生したオープンソースのアイコンプロジェクト・「Fork Awesome」
Fork Awesome Fork AwesomeはFont Awesomeから派生したオープンソースのアイコンプロジェクトです。Font Awesomeのバージョン5あたりから、その方向性に疑問を感じ始めた製作者がFont ...
mediumライクなスタイルを提供するCSS・「medium.css」
medium.css medium.cssはmediumライクなスタイルを提供するスタイルシートです。タイポグラフィやレイアウト、各エレメントのスタイルなどをmediumのような見た目に出来る、というもの しっかりRWD対応にな...
任意の画像を解析し、支配的なカラーを抽出してくれるオープンソースのWebアプリ・「Color Palette」
Color Palette Color Paletteは任意の画像からその画像内で支配的な色（占める割合の高い色）を即抽出してくれるWebアプリです。OSSとしてソースコードも公開されています。 本ツールは映画のワンシー...
大学の学生や教授が共同で作った3000以上の絵文字を公開するオープンソースのemojiプロジェクト・「OpenMoji」
OpenMoji OpenMojiは学生53人と2人の教授が共同で進めているオープンソースの絵文字プロジェクトです。現在3000以上ものSVGアイコンが本プロジェクトのスタイルガイドに従い、一貫したスタイルで作成、公開されてお...
href=”mailto:”のリンクをクリックした際に選択式にするスクリプト・「mailgo」
mailgo mailgoは<a href="mailto:***">のようなmailtoリンクを、メーラw－立ち上げずにモーダルウィンドウを開いて選択式にするスクリプトです。少し前にMailtoUIというスクリプトの記事...