Resource - Archives

SNS等のローディングで見かけるプレースホルダーをSVGで作れる・「Create Content Loader」

Create Content Loader Create Content LoaderはSNS等のローディングで見かけるプレースホルダーをSVGで作れるWebアプリです。 FacebookのカードやInstagramなどで読み込...

Vue.jsで構築されたオープンソースのフォントビューア・「fontvuer」

fontvuer fontvuerはオープンソースのフォントビューアです。Vue.js+Electronで構築されており、各OSで動作します。 任意のテキストでインストールされているフォントを一括表示してくれるので探す際に表示確...

Pandasライブラリにインスパイアされた、構造化されたデータの操作や処理を行うためのJavaScriptライブラリ・「danfo.js」

danfo.js See the Pen abNdLMp by kachibito (@kachibito) on CodePen. danfo.jsは構造化されたデータの操作や処理を行うためのJavaScriptライ...
Ads

Canvas 2Dベースの高速で軽量、さまざまなタイプのチャートに対応できるオープンソースのチャートライブラリ・「μPlot」

μPlot See the Pen BaKjBmq by kachibito (@kachibito) on CodePen. μPlotは高速で軽量、さまざまなタイプのチャートに対応できるオープンソースのチャ...

ブラウザで動作するExcelライクなスプレッドシートを構築する為のReactコンポーネント・「Rows n’ Columns」

Rows n' Columns Rows n' Columnsはブラウザで動作するExcelライクなスプレッドシートを構築する為のReactコンポーネントです。 Googleスプレッドシート並みの高性能レンダリングを実現、高パフ...

ドキュメントの管理やショートカットによる定型文挿入が可能なChromeエクステンション・「Linguix」

Linguix Linguixはドキュメントの管理やショートカットによる定型文挿入が可能なChromeエクステンションです。 導入する事でtextarea内に書いた文章をドキュメントとして保存したり、予め設定した定型文を任意のシ...

CSSの用語を視覚的に学べる・「CSS Vocabulary」

CSS Vocabulary CSS VocabularyはCSSの用語を視覚的に学べるスタディサイトです。教育機関や研修など、教材向けに良さそうです。 実際のCSSのコードが左ペインに書かれており、右ペインにCSSで使われてい...

ミニマルなスタイルの汎用的なオープンソース線画アイコンセット・「Basicons」

Basicons Basiconsはミニマルなスタイルで汎用的に使えるようデザインされたオープンソースの線画アイコンセットです。 サイズやストロークの太さなどを設定して個別にDLしたりまとめてDL出来るようになっています。 ...

アイソメトリック図で描けるダイアグラム作成Webアプリ・「Isoflow」

Isoflow Isoflowはアイソメトリック図で描けるダイアグラム作成Webアプリです。仕様は単純で、アイソメトリックな3Dアイコンを配置してダイアグラムを作成する、というもの。 現状使えるアイコンがあまりに少ないので作れる...

シンプルなものからユニークなものまで様々なCSS製のスピナーやローダーをまとめた・「CSS3 Loader & Spinners」

CSS3 Loader & Spinners See the Pen CSS3 Loader & Spinners by kachibito (@kachibito) on CodePen. CSS3 Lo...

オープンソースのカスタマー向けリアルタイムチャットツール・「Papercups」

Papercups Papercupsはオープンソースのカスタマー向けリアルタイムチャットツールです。ウィジェットも合わせてOSSとなっています。 よくWebサイトの右下などに設置されてるカスタマー用のチャットウィジェットを提供...

簡単な設定で使える軽量でモダンなキーバインドライブラリ・「tinykeys」

tinykeys See the Pen yLOBWdj by kachibito (@kachibito) on CodePen. tinykeysは簡単な設定で使える軽量でモダンなキーバインドJavaScriptラ...

世界の著名人がオススメしている書籍を調べられる・「Most Recommended Books」

Most Recommended Books Most Recommended Booksは世界の著名人がオススメしている書籍を調べられるWebサイトです。 以前、同じようなサイトでRead This Twiceというのをご紹介...

ブラウザで動作するオープンソースのスプレッドシート・「Luckysheet」

Luckysheet Luckysheetはブラウザで動作するオープンソースのスプレッドシートです。ExcelやGoogleスプレッドシートのような表計算ツールで、OSSとしてソースも公開されています。 クローンと言っても過言で...

Github gistや任意のスニペットコードを画像化できるWebアプリ・「Snippet Shot」

Snippet Shot Snippet ShotはGithub gistや任意のスニペットコードを画像化できるWebアプリです。過去に同じ目的のアプリを紹介しました。こちらは後発サービスになります。 任意のコードなら直接書き込...

コピー&ペーストで使えるシンプルなアイコンのセット・「Indie Icons」

Indie Icons Indie Iconsはコピー&ペーストで使えるシンプルなアイコンのセットです。アイコンごとにSVGやCSSのコードをコピーする事が出来るようになっており、アイコンをわざわざDLせずとも即利用できるようになって...

画像のメイン部分を残し、自動で背景を削除するオンラインの切り抜きツール・「Slazzer」

Slazzer Slazzerは画像のメイン部分を残し、自動で背景を削除するオンラインの切り抜きツールです。 以前にご紹介したremove.bgやSocialBook Free Background Removerなどの後発...

タイムゾーンの異なるリモートチームの為のビデオ会議ライクなビジネスツール・「Grapevine」

Grapevine Grapevineはタイムゾーンの異なるリモートチームの為のビデオ会議ライクなビジネス向けビデオツールです。 一見通常のビデオ会議アプリのようですが、チームのメンバーは基本的に動画を録画し、それぞれが都合の良...

架空の都市の地図を作成出来るオープンソースのWebアプリ・「Map Generator」

Map Generator Map Generatorは架空の都市の地図を作成出来るオープンソースのWebアプリです。 細かな設定項目を決めてgenerateを押すだけで決めた設定に沿った地図がランダム生成されます。作成した地図...

CSSやHTML、JavaScript等で、似たような挙動をするタグや方法で何が違うのかを解説する・「this vs that」

this vs that this vs thatはCSSやHTML、JavaScript等で、似たような挙動をするタグや方法で何が違うのかを解説するWebサイトです。 ちょっと何言ってるか分からない、という方もいらっしゃると思...

商用でも無料で使える1000以上のミニマルなオープンソースのアイコンセット・「Teenyicons」

Teenyicons Teenyiconsは商用でも無料で使える1000以上のミニマルなオープンソースのアイコンセットです。 ラインタイプと塗りつぶしタイプの2種が500以上用意されており、合わせて1000以上のアイコンがセット...

アニメーションしながら動的に順位が入れ替わるバーチャートを生成できるOSS・「Bar chart race generator」

Bar chart race generator Bar chart race generatorはアニメーションしながら動的に順位が入れ替わるバーチャートを生成できるOSSです。Bar chart raceって言うんですね。初めて知...
Ads