動画をフルスクリーンで背景にするスクリプト・「Vidage.js」
Vidage.js Vidage.jsはフルクリーンで動画を背景にするスクリプトです。スマフォなどのモニタサイズが狭いデバイスなどでは画像が背景になるようにするようです。ファイルサイズは圧縮版で4.7kbほど。非依存型なので単体で動作...
Resource - MIT
Electronアプリの為のOSXライクなUIフレームワーク・「Photon」
Photon PhotonはElectronで作られたアプリのためのデザインフレームワークです。OSX風に作られているようです。Electronは御存知の通りGithub製でHTML,JS,CSSで作れるクロスプラットフォームなデスク...
個人向けのPHP製オープンソース資金管理ツール・「Economizzer」
Economizzer Economizzerはオープンソースの資金管理ソフトウェアです。PHPフレームワークのYiiをベースに構築されたパーソナルファイナンスマネージャーシステム、との事です。要は家計簿・・みたいなシステムっぽいです...
軽量でシンプル、非依存なJavaScriptデイトピッカー・「flatpickr」
flatpickr flatpickrは軽量でシンプル、パワフルなJavaScriptデイトピッカーです。非依存型ながら軽量なコードで実装されていますが、機能はなかなか充実しています。同じclass名で複数フォームに対応できるのも...
オープンソースのカラースキームジェネレーター・「Color Schemr」
Color Schemr Color Schemrはオープンソースのカラースキームジェネレーターです。色の細かな設定や色の追加、ロック機能、透過処理、プレビューモード、レスポンシブWebデザイン対応等、基本的な機能は備わっている印象で...
モバイルフレンドリーで軽量、シンプルなCSSフレームワーク・「Wing」
Wing Wingはモバイルフレンドリー且つ軽量シンプルなCSSフレームワークです。RWD対応で圧縮版4kbと軽量、グリッドやボタン、フォームやリストなどのUIが揃えられています。ライセンスはMIT。よくあるフレームワークですが、個人...
エリア毎のデータを地図で可視化、SVG等でダウンロード出来るOSS・「datamaps.co」
datamaps.co datamaps.coはエリア毎の数値などのデータを地図で可視化、SVGやPNGなどのフォーマットでダウンロード出来るようにするソフトウェアです。オープンソースとしてソースコードが公開されています。例えば世界地...
Bootstrap 4ベースのすっきりしたデザインな管理画面向けテーマ・「Modular Admin」
Modular Admin Modular AdminはBootstrap 4ベースの管理画面テンプレートです。すっきりしたデザインで見やすい印象でしたのでメモ。ボタンやカード、アイコン、テーブルやチャートなどのUIも揃っています。ラ...
レスポンシブWebデザインにも対応のシンプルで軽量なCSSグリッドシステム・「Pills」
Pills PillsはRWD対応のシンプルで軽量なグリッドシステムです。4kbほどのファイルサイズでモバイルファーストな設計となっています。よくあるフレームワークのような.col-md-6といったclass名が分かりやすいとは思えな...
Webアプリの為に設計されたシンプル軽量なCSSフレームワーク・「Vital」
Vital VitalはWebアプリケーションの為に開発されたCSSフレームワークです。Webアプリの開発を妨げないように、極力軽量(CSS自体は圧縮版で6KB、アイコンフォントは2KB分用意されています。)に、JavaScriptは...
オープンソースのダミー画像を生成するplacehold.itのクローン・「sinatra_placehold」
sinatra_placehold sinatra_placeholdはダミー画像生成ツールのplacehold.itのクローンソフトウェアです。Ruby製で、Takafumi ONAKAさん作の国産です。placehold.itと同...
タッチデバイスにhoverっぽい機能を付与するスクリプト・「Hover on Touch」
Hover on Touch Hover on TouchはiPhoneやAndroidのようなタッチデバイスにPCサイトのhoverっぽい機能を付与する為のスクリプトです。上図はフリックしているところですが、タッチしている部分に変化...
複雑なtableでも対応できる、セルがどの列と行に属しているかをハイライトするスクリプト・「jquery-gettable」
jquery-gettable jquery-gettableはtableのセルがどの列と行にあるかをハイライトしてくれるスクリプトです。jQueryに依存しています。上図のようにセル上にマウスを持って行くと、そのセルが属する行と列が...
Bootstrapの代替として作られたコンパクトなCSSフレームワーク・「Cutestrap」
Cutestrap CutestrapはコンパクトなBootstrap代替CSSフレームワークです。肥大化したBootstrapをもっとコンパクトに、というニーズはよく見かけますので結構この手のCSSは出回っていますが、本フレームワー...
checkboxにアニメーションエフェクトを付与するCSS・「Checkbox.css」
Checkbox.css Checkbox.cssはcheckboxにアニメーションエフェクトを付与する為のスタイルシートです。上図のようにチェックを入れるとボックスがアクションを起こす、というもの。通常のWebサイトのお問い合せフォ...
Typeformの代替として開発されたオープンソースのフォーム作成ツール・「TellForm」
TellForm TellFormはOSSのフォーム作成ツールです。TypeformやGoogle Formsの代替として開発されたアンケートフォーム作成ソフトウェアで手軽にフォームを作成・管理する事が出来ます。同等の機能というわけに...
HTMLで書いたtableのデータをプレーンテキストやCSV、XLSなどのフォーマットでエクスポート出来るスクリプト・「TableExport.js」
TableExport.js TableExport.jsはtableに書いたデータをCSVやxls、xlsx、プレーンテキスト等のフォーマットでエクスポート出来るようにするスクリプトです。jQueryとFileSaver.jsを使用...
レスポンシブWedデザイン対応のシンプルで軽量なグリッドレイアウト・「Simple Grid」
Simple Grid Simple GridはRWD対応のCSSグリッドレイアウトです。シンプルで軽量、ネストにも対応しています。これといった機能はなく、シンプルさ、軽量さを重視していますので一から構築するフレームワークとは異なり、...
Webサイトのテーマカラーをユーザーが選べるようにする為のスクリプト・「jquery Theme Switcher」
jquery Theme Switcher jquery Theme SwitcherはWebサイトのテーマカラーを閲覧しているユーザーが選択できるようにする為のスクリプトです。jQueryに依存しています。通常のWebサイトではあま...
可愛らしいスタイルのタイムピッカーを実装出来るスクリプト・「timedropper」
timedropper timedropperは可愛らしいスタイルのタイムピッカーです。jQueryに依存しています。アナログ時計に見立てたUIで時間をピック、フィールドに入力する事が出来ます。年月日等を入力管理出来るデイトピッカーで...
スタイリッシュなBootstrap向け管理画面テンプレート・「Blur Admin」
Blur Admin Blur AdminはBootstrapベースの管理画面テンプレートです。jQuery及びAngularJSをサポートしており、管理画面に必要なUIは一通り揃えられている印象です。チャートライブラリはamChar...
モダンでクリーンなレスポンシブWebデザイン対応のフレームワーク・「Spectre.css」
Spectre.css Spectre.cssはモダンでシンプル、クリーンなCSSフレームワークです。RWD対応で軽量、UIコンポーネントも充実しています。HTMLメールも用意されてるみたい。また、日本や中国、韓国といったアジアのフォ...