オープンソースのBootstrap4テーマビルダー・「bootstrap.build」
bootstrap.build bootstrap.buildはBootstrap4のテーマビルダーです。OSSとしてソースも公開されています。コアの設定だけでなく、各コンポーネントの設計も可能で、コンポーネントごとに設定ページも分け...
Resource - オープンソース
オープンソースのファイルアップローダー・「Uppy」
Uppy UppyはOSSとして公開されているファイルアップローダーです。Googleドライブ、Dropbox、Instagram等との併用が可能で多言語にも対応しています。デフォルトのUIではリネームやキャプションの設定、ライセンス...
ポモドーロタイマー付きのOSSな国産Todoアプリ・「Pentazemin」
Pentazemin Pentazeminはポモドーロタイマー付きのTodoアプリです。日本の方が開発されたアプリでオープンソースとして公開されています。今やるべきことへフォーカスし集中することを助けるためのタスク消化を支援するアプリ...
ドラッグ&ドロップにも対応の、JavaScript製タイムスケジューラー・「jq.schedule.js」
jq.Schedule jq.ScheduleはJS製のタイムスケジューラーです。jquery及びjquery UIが必要です。日本の方が作成されています。タスク管理系のアプリや従業員のシフト管理ツールなど、利用幅は多々ありそうですね...
ウェブアクセシビリティを重視した使いやすいモーダルウィンドウ・「Modaal」
Modaal Modaalはウェブアクセシビリティを重視した使いやすいモーダルウィンドウです。WCAG 2.0の達成基準レベルAAをクリアしているそうで、全ての人にとってアクセスブルであると謳っています。jQuery依存っぽいのでこの...
縦横のサイズを入力するとアスペクト比の比率を算出してくれるシンプルな計算機・「AspectRat.io」
AspectRat.io AspectRat.ioはアスペクト比率計算ツールです。縦と横の数値を入力するとそのオブジェクトのアスペクト比率を算出してくれる、というもの。また、iPhone等のデバイスも選べるようになっています。本ツール...
コンポーネントやプラグインを豊富に同梱したBootstrap 4ベースのフリー管理画面テンプレート・「Pike Admin」
Pike Admin Pike Adminはコンポーネントやプラグインを豊富に同梱したBootstrap 4ベースの管理画面テンプレート。MITライセンスで商用でも無料で利用可能です。ルーマニアの開発者さんのようですね。管理画面に求め...
商用でも無料で使えるSVGで描かれた様々なイラストを公開する・「unDraw」
unDraw unDrawは商用でも無料で使えるSVG製のイラストを公開しているプロジェクトサイトです。ギリシャのイラストレーターさんが作成、公開しているもので、色の変更をしてからのDLも可能となっています。MITライセンスだそうで商...
LESSベースの軽量でモダンなUIフレームワーク・「Petal」
Petal Petalは軽量でモダンなUIフレームワークです。よく使われるような各種コンポーネントやレイアウト、フォーム回りやユーティリティクラスやアイコン、バッジやカード、アラートなどWebアプリ向けのUIなども用意されており、それ...
オープンソースのTrelloライクなカンバンボードシステム・「Restyaboard」
Restyaboard RestyaboardはTrelloのようなカンバンボードを実装できるオープンソースのソフトウェアです。Webサイト上でもTrelloとの特徴の比較表が作られており、ざっくりとした違いを把握できます。後発故、R...
CSSで作られた複雑なアニメーションエフェクトのスピナー集・「Epic Spinners」
Epic Spinners Epic SpinnersはCSSで作られた複雑なアニメーションエフェクトのスピナーのセットです。コピー&ペーストで利用できるようにしてあります。以下動作サンプルを1つだけ。 本スピナーは同じ...
ブラウザで動作するオープンソースの電子書籍リーダー・「LibreRead」
LibreRead LibreReadはOSSの電子書籍リーダーです。Goで書かれているようです。ブラウザで動作するのでネットに繋がっている必要があるデメリットはあるものの、繋がってさえいればどのデバイスでもアクセス、管理できるのが利...
複数プレイリストもサポートしたOSSな非依存型オーディオプレイヤー実装スクリプト・「AmplitudeJS」
AmplitudeJS AmplitudeJSは複数プレイリスト等もサポートした非依存のHTML5オーディオプレーヤーを実装できるスクリプトです。コントローラーも直感的でわかりやすくタッチデバイスフレンドリーな設計となっているそうです...
Bootstrapの為のマテリアルデザインUIキット・「MDB」
MDB MDBはBootstrapの為のマテリアルデザインUIキットです。Material Design for Bootstrapの略で、使用ライブラリが、jQueryやAngular.js、Vue.jsやReact.jsを選択でき...
開発者向けのBootstrap 4のテーマやツールキットを配布する・「HackerThemes」
HackerThemes HackerThemesはBootstrap 4のテーマやツールキットを配布するプロジェクトサイトです。Bootstrapを使った開発ワークフローのスピードアップをサポートするのが目的だそう。公開されているの...
Web用リッチテキストエディタを作成する為のツールキット・「ProseMirror」
ProseMirror ProseMirrorはWeb用リッチテキストエディタを構築するためのツールキットです。以前はMarkdown⇔HTMLなWYSIWYGエディタだったようですが、現在は様々な形のリッチテキストエディタを作るため...
オープンソースのオンライン会計ツール・「Akaunting」
Akaunting™ Akaunting™はオープンソースのオンライン会計ツールです。PHPフレームワークのLaravelをベースに、Bootstrap、jQuery等で構築されています。主に中小企業、フリーランサーをターゲットにした...
シンプルなオートコンプリート実装スクリプト・「LightAutocomplete.js」
LightAutocomplete.js LightAutocomplete.jsはシンプルな自動補完機能実装スクリプトです。jQueryに依存します。非常にシンプルで、名前にもあるように軽量さを特徴としています。使い方も簡単で、スク...
inputで指定したパターン以外の入力を不可にするバニラなJavaScriptライブラリ・「imaskjs」
imaskjs imaskjsはinput入力の際、指定したパターン以外の入力を不可にするライブラリです。非依存型のバニラなスクリプトで他ライブラリを必要としません。また、必要な機能を追加するモジュール式となっているっぽいです。typ...
手軽に画像にパララックス効果を与えられるスクリプト・「simpleParallax」
simpleParallax simpleParallaxは手軽に画像にパララックス効果を与えられるスクリプトです。jQueryに依存します。本体を読み込んで画像をセレクタに指定すれば即反映されます。仕組みは、画像をtransfo...
CSSのみで実装できる超軽量なツールチップライブラリ・「Microtip」
Microtip MicrotipはCSSのみで実装できる超軽量（圧縮版で1kbだそう）なツールチップライブラリです。aria-label属性で定義したラベルがそのままツールチップとして表示されます。位置はdata-microtip-...
任意のWebページにGoogle sheetやTrello等の簡易的な管理ツールを導入できる・「Integrations.js」
Integrations.js Integrations.jsは任意のWebページにGoogle sheetやTrelloなどの管理ツールを導入できるOSSです。上の動作サンプル（未設定なので表示のみのデモです）ではGoogle sh...