Resource - MIT

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で構築されており、カスタムプロパティを導入したモダン設計で管理もしやすい印象です。 カスタムプロパティをふんだんに使っており、直感的な変数...
Ads

手数料も無料の、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をそれぞれコピーして簡単に利用できるようになっています。 まとめと言ってもまだ数は少ないですが、...

Bootstrapに基づいて設計されたミニマルデザインなオープンソース管理画面テンプレート・「Spur」

Spur SpurはBootstrapに基づいて設計されたダッシュボードテンプレートです。ミニマルなスタイルで装飾もほとんどありませんのでフレームワークライクに使う事が出来そうです。チャートを表示したい時はCharts.jsを読み込め...

マウスの動きやスクロールなど、閲覧ユーザーのブラウザのビューポート状態を監視するスクリプト・「Tornis」

Tornis Tornisはマウスの動きやスクロールなど、閲覧ユーザーのブラウザのビューポート状態を監視するスクリプトです。シンプルで軽量、依存関係もなく、使いやすい設計となっています。 パララックスの為のスクリプトというわけで...

Bootstrap 4と互換性のある、120以上のコンポーネントを揃えたWeb開発キット・「Uix Kit」

Uix Kit Uix KitはBootstrap 4と互換性のある、120以上のコンポーネントを揃えたWeb開発キットです。CSSフレームワークではないとの事。 これ単体でも開発を始められるし、Bootstrap 4を使い慣れ...

レーダーチャートを作れる非依存のシンプルなスクリプト・「maturity-radar」

maturity-radar See the Pen MdLMKo by kachibito (@kachibito) on CodePen. maturity-radarはレーダーチャートを作成できるスクリプトで...

シンプルで軽量なオープンソースのフォーラムエンジン・「Thredded」

Thredded Threddedはシンプル軽量なOSSのフォーラムエンジンです。Ruby on Railsで書かれており、フルテキスト検索が可能、データベース(SQLite、MySQL v5.6.4 +、およびPostgreSQL)...

mediumライクなスタイルを提供するCSS・「medium.css」

medium.css medium.cssはmediumライクなスタイルを提供するスタイルシートです。タイポグラフィやレイアウト、各エレメントのスタイルなどをmediumのような見た目に出来る、というもの しっかりRWD対応にな...

任意の画像を解析し、支配的なカラーを抽出してくれるオープンソースのWebアプリ・「Color Palette」

Color Palette Color Paletteは任意の画像からその画像内で支配的な色(占める割合の高い色)を即抽出してくれるWebアプリです。OSSとしてソースコードも公開されています。 本ツールは映画のワンシー...

コンテキストメニューからドラッグ中のテキストのフォント情報を調査出来るオープンソースのChrome拡張・「Fontanello」

Fontanello Fontanelloは右クリックで表示されるコンテキストメニューからドラッグしているテキストのフォントの情報を調べられるChromeエクステンションです。従来のエクステンションのようにわざわざ起動したりブックマー...

Webページ内で未使用のCSSを高速で削除してくれるライブラリ・「DropCSS」

DropCSS DropCSSはWebページで読み込まれているCSS内から未使用のコードを削除してくれるライブラリです。高速で未使用CSSを削除したコードを表示してくれるのが特徴です。他ライブラリに依存せず単体で動作してくれます。 ...

高パフォーマンス且つスケーラブルなWebアプリの為に設計された、!importantを持たず、依存ゼロのCSSツールキット・「Brevis」

Brevis Brevisは高パフォーマンス且つ拡張性の高いWebアプリの為に設計されたCSSツールキットです。セレクタファーストでレスポンシブWebデザイン対応、論理的な命名規則が特徴だそう。各classは1つの仕事だけを行うため、...

クリックでコードをコピーできるCSSアニメーションエフェクト集・「CSSFX」

CSSFX CSSFXはホバーやクリックでアニメーションエフェクトを確認、クリックでコードをコピーできるCSSアニメーションエフェクトのまとめです。エフェクトはマテリアルデザインなどで見かけるエフェクトやローダー、そのほかよく使われて...

textareaなどでTwemojiを手軽に選択できるようにするスクリプト・「Twemoji-Picker」

Twemoji-Picker Twemoji-PickerはTwitterがOSSとして公開している絵文字プロジェクト、Twemojiを手軽に選択できるようにするスクリプトです。jQueryに依存します。上サンプルのように、簡単に...

Laravelで作られたオープンソースのURL短縮アプリ・「UrlHum」

UrlHum UrlHumはLaravelフレームワークをベースに開発されたURL短縮ツールです。プライバシーの強化が強く意識されており、IPアドレスのハッシュ化やIPアドレスの匿名化などに加えて各URLのアナリティクス機能なども備わ...

Gmailの元リードデザイナーが作った、GmailをミニマルなデザインにするChrome拡張・「Simplify」

Simplify Simplifyは元Gmailのリードデザイナーが作った、GmailをミニマルなUIに替えるChrome拡張です。Google InboxのシンプルさをGmailにもたらす、というのが目的のよう。2008年~2012...
Ads