Resource - github

任意の画像を解析し、支配的なカラーを抽出してくれるオープンソースの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というスクリプトの記事...
Ads

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

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

d3.js v5をベースにしたチャートライブラリ・「Britecharts」

Britecharts Britechartsはd3.jsのv5をベースにしたチャートライブラリです。チャートとコンポーネントを簡単に直感的に組み合わせる事が出来るのだそうです。リユースブルであり、シンプルなAPIを特徴としているのだ...

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

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

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

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

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

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

mailtoリンクを使いやすいUIに変換するスクリプト・「MailtoUI」

MailtoUI MailtoUIはmailtoリンクを使いやすいUIに変換してくれるスクリプトです。href="mailto:tony.stark@example.com"といったコードでもOutlook等のメーラーを立ち上げず...

URLを指定すると自動でアクセシビリティチェックを行い、レポートを生成するオープンソースのデスクトップアプリ・「Koa11y」

Koa11y Koa11yはURLを指定すると、そのWebページのアクセシビリティチェックを行い、HTMLやCSV、MarkdownやJSON、XMLなどの形式でレポートを吐き出すオープンソースのデスクトップアプリです。基本的にはチェ...

プログラミングの知識不要でWebアプリとしても開発できるオープンソースのゲームボーイ用ゲーム開発アプリ・「GB Studio」

GB Studio GB Studioはプログラミングの知識不要でゲームボーイ用のゲーム開発が可能なOSSです。GUIツールとして提供されており、コードを書かずに開発が出来るように設計されています。ElectronベースでOS問わず動...

タッチデバイスにも対応可能な、リストのアイテムを並べ替えたりスワイプで削除できるようにするライブラリ・「Slip.js」

Slip.js See the Pen ZZRmaP by kachibito (@kachibito) on CodePen. Slip.jsはリストのアイテムの並べ替えやスワイプによる消去を可能とする非依存のシ...

jsfiddleやCodepenのようにブラウザでJavaScriptを実行テストできるオープンソースのWebアプリ・「Editor」

Editor EditorはjsfiddleやCodepenのようにブラウザでHTML/CSS/JSのコードを実行テストできるOSSです。emmetによるコード補完やLint機能、センターバーを動かす事でレスポンシブWebデザインの表...

JavaScript製のオープンソースなガントチャートライブラリ・「Frappe Gantt」

Frappe Gantt Frappe GanttはJS製のOSSなガントチャートライブラリです。サンプルのスケジューラーではタイムスケールはドラッグでチャートの移動や伸縮が可能で、クリックで詳細が表示されるようになっています。UIは...

任意の画像から美しいカラーパレットを自動生成、エクスポートできる・「ColorKitty」

ColorKitty ColorKittyは任意の画像から美しいカラーパレットを自動生成、PNGやJSON、SCSS、HEXなどでエクスポートできるWebアプリです。自動生成されますが、自己調整も可能で、画像上のカラーピッカーの役割の...

CMSやフレームワークとの統合を目的としたブロックベースのコンテンツエディタ・「Hyper Editor」

Hyper Editor Hyper EditorはCMSや各フレームワークとの統合を目的としたブロックベースのコンテンツエディタです。JS製で、バックエンドに依存しないのが特徴だそうです。JS製のエディタである事で、一方のCMSでは...

いろいろなWebサービスの退会プロセスの難易度や、方法、リンク等を共有するプロジェクト・「JustDeleteMe」

JustDeleteMe JustDeleteMeはWebサービスを退会するまでのプロセスの難易度をWebサービス毎に評価、退会の方法や退会する場所(URL)を共有するプロジェクトです。難易度は簡単、やや難しい、難しい、不可能の4つに...

軽量でレスポンシブ対応の、classを使わないCSSフレームワーク・「Water.css」

Water.css Water.cssは軽量でレスポンシブWebデザイン対応のCSSフレームワークです。classを使っていない為、セマンティックなHTMLのWebサイト制作に向いています。これといった装飾も無く、シンプルで見やすくす...

ユーザー登録不要で使える超シンプルなリアルタイムホワイトボードアプリ・「WBO」

WBO WBOはユーザー登録不要で使える超シンプルなリアルタイムコラボレーションホワイトボードWebアプリです。Topページ中心にあるフォームに任意のキーワードを入れると部屋を作る事が出来ますのでURLを同時編集したい方に伝えるだけで...

Markdownでナレッジを共有できるプラットフォーム・「CodiMD」

CodiMD CodiMDはMarkdownによるドキュメント、ナレッジを共有、蓄積できるプラットフォームです。Facebook、Twitter、GitHubなどの認証でログイン可能となっており、複数人でドキュメントを共有可能となって...

ブロックレベルで編集できるオープンソースのリッチテキストエディタ・「Editor.js」

Editor.js Editor.jsはブロックスタイルのリッチテキストエディタです。個人的に身近なもので言うとWordPressのGutenbergなんですが、WP使わない方だとピンとこない説明かもですね。ごめんなさい。画像やテキス...

NES.cssにインスパイアされたターミナルスタイルのCSSフレームワーク・「UITerminal」

UITerminal UITerminalはNES.cssにインスパイアされた、ターミナルスタイルのCSSフレームワークです。ドットフォントにはNES.cssと同じくPress Start 2Pが用いられています。各ボタンやプログレス...
Ads