Resource - MIT

アイソメトリック図を手軽に作れるJavaScriptライブラリ・「isocity」

isocity isocityはアイソメトリック図を手軽に作れるJavaScriptライブラリです 動作サンプルでは街を作れるようになっており、ライブラリ名もサンプルに沿ったネーミングですが、素材を変えれば様々な用途に応用できそ...

開発者向けの様々なチェックリストを公開している・「Checklist」

Checklist Checklistは開発者向けの様々なチェックリストを公開しているプロジェクトサイトです どこかで公開されているチェックリストを引っ張ってきているのではなく、こちらを公開しているAtölye15が社内で共有し...

classやidを使わないセマンティックなHTMLによるWeb開発をサポートするスタイルシート・「MVP.css」

MVP.css See the Pen xxGQKyx by kachibito (@kachibito) on CodePen. MVP.cssはclassやidを使わないセマンティックなHTMLによるWeb開発をサ...
Ads

任意の動画と、スマホなどのデバイスのモニターを合成してGifなどでダウンロードできるオープンソースのモックアップ作成アプリ・「Animockup」

Animockup Animockupは任意の動画ファイルとスマホなどのデバイスのモニターを合成してGifなどでダウンロードできるモックアップ作成アプリです オープンソースとしてソースコードも公開されています。デバイスを選択して...

シンプルで汎用的な、オープンソースで提供される300以上のSVGアイコンセット・「Tabler Icons」

Tabler Icons Tabler Iconsはシンプルで使いやすい、オープンソースで提供される汎用的な300以上のSVGアイコンセットです TablerはOSSのシンプルなダッシュボードを提供するプロジェクトで、その一環で...

さまざまなCMSとも連携できるオープンソースのヘルプデスクシステム・「UVdesk」

UVdesk UVdeskはさまざまなCMSとも連携できるオープンソースのヘルプデスクシステムです。ECサイトやマーケットプレイス向けに設計されているそう AmazonやEtsy等と統合して顧客をサポートしたり、WordPres...

任意の画像と同じ色の影を作るシンプルなスクリプト・「cosha」

cosha See the Pen zYGjrbq by kachibito (@kachibito) on CodePen. coshaは任意の画像と同じ色の影を作るスクリプトです。上サンプルのようにステンドグラ...

ユーティリティに焦点を当てた、インタラクティブなUI開発をサポートするCSSフレームワーク・「Shorthand」

Shorthand Shorthandはユーティリティに焦点を当てたモダンなCSSフレームワークです。インタラクティブなUI開発をサポートしてくれそう いわゆるプロパティの一括指定(ショートハンド)に関するものではなく、単純に開...

トグルボタンの様々なスタイリングを提供するCSSライブラリ・「MoreToggles.css」

MoreToggles.css MoreToggles.cssはトグルボタンのスタイリング用のCSSライブラリです 様々なトグルボタンをclass付与だけで実装出来るようになっています。スタイルはiOSタイプやAndroidタイ...

人気のアプリの代替になるオープンソースのソフトウェアをまとめている・「Opensource.builders」

Opensource.builders Opensource.buildersは人気のアプリの代替となるOSSをまとめているWebサイトです SlackやGoogleの各サービス、1PasswordやGithub、Shopify...

TwitterなどのSNSの発言の引用画像を作れるシンプルなWebアプリ・「Kuote」

Kuote KuoteはSNSの引用画像を作れるシンプルなWebアプリです。OSSとしてソースコードも公開されています 引用画像を作れる、といっても自動作成とかじゃなくて手動入力です。発言と発言者名、画像を設定してDLする、みた...

Reactで書かれたオープンソースのWYSIWYGインラインエディター・「Edtr.io」

Edtr.io Edtr.ioはReactで書かれたオープンソースのWYSIWYGインラインエディターです mediumで採用されたエディターのようにコンテンツに直接編集を加えるタイプで、ブロックの追加やD&Dによる移動、複製な...

モスキート音を出すためのスクリプト・「Mosquito.js」

Mosquito.js Mosquito.jsはいわゆるモスキート音を鳴らせるスクリプトです。非依存なので単体で動作します 一昔前に、深夜の若者の騒音対策として公園などに導入されたものです(Wikipedia:モスキート音) ...

コードを書いたエディターのスクリーンショットをアップロードすると、似たようなカラーテーマを探してくれる・「What’s That Theme」

What's That Theme What's That Themeはコードを書いたエディターのスクリーンショットをアップロードすると、似たようなカラーテーマを探してくれるWebアプリです Youtubeなどのチュートリアル動...

30以上のプラグインでカスタマイズ可能なオープンソースのJavaScriptアップローダー・「Uppload」

Uppload Upploadは30以上のプラグインが用意された拡張的なOSSのJS製アップローダーです。※誤字ではなくUpploadが正式な名前みたいです 単にローカルからファイルをアップロードするだけでなく、SNSや画像投稿...

ソートや検索、ページネーション等、基本的な機能を備えた非依存のデータテーブルライブラリ・「Vanilla-DataTables」

Vanilla-DataTables See the Pen Vanilla DataTables by Karl Saunders (@Mobius1) on CodePen. Vanilla-DataTable...

Chakra UIのコンポーネントを使ったオープンソースのビジュアルエディタ・「OpenChakra」

OpenChakra OpenChakraはChakra UIのコンポーネントを使ったオープンソースのビジュアルエディタです Chakra UIはReactベースのコンポーネントライブラリで、このコンポーネントを使ったエディタを...

非依存でシンプルなダイアグラム作成JavaScriptライブラリ・「DiagramFlowJS」

DiagramFlowJS DiagramFlowJSは非依存でシンプルなダイアグラム作成JavaScriptライブラリです 他ライブラリを使わず単体で動作、上サンプルのようなD&Dで動かせるダイアグラムを作成出来ます ...

軽量で非依存な、ダーク/ライトモード切り替えスクリプト・「DarkModeJS」

DarkModeJS See the Pen VwLYLzd by kachibito (@kachibito) on CodePen. DarkModeJSは軽量で非依存なダークモード/ライトモードの切り替えスクリプ...

Youtubeのように動画投稿ができるNode.jsベースのオープンソースソフトウェア・「NodeTube」

NodeTube NodeTubeはNode.jsベースのYoutube代替アプリです。動画だけでなく画像や音源ファイルなどのメディアもアップロード、共有する事が出来る、というもの 16種の動画ファイル、4種の音声ファイ...

都市名を入力すると、その都市の道路のみを線画で抽出するオープンソースの地図アプリ・「city-roads」

city-roads city-roadsは任意の都市名を入力すると、その都市内の道路だけを線画で抽出、色などを変更してSVGなどでダウンロードできる地図アプリです OSSとしてソースコードが公開されています。企業や店舗の地図作...

既存のCSSフレームワーク等と併用も可能な軽量CSSライブラリ・「sscaffold」

sscaffold See the Pen BayGXYV by kachibito (@kachibito) on CodePen. sscaffoldは既存のCSSフレームワークと併用も可能な軽量CSSライブラリで...
Ads