エリア毎のデータを地図で可視化、SVG等でダウンロード出来るOSS・「datamaps.co」 datamaps.co datamaps.coはエリア毎の数値などのデータを地図で可視化、SVGやPNGなどのフォーマットでダウンロード出来るようにするソフトウェアです。オープンソースとしてソースコードが公開されています。例えば世界地...2016.06.12 | 11時01分13秒
Bootstrap 4ベースのすっきりしたデザインな管理画面向けテーマ・「Modular Admin」 Modular Admin Modular AdminはBootstrap 4ベースの管理画面テンプレートです。すっきりしたデザインで見やすい印象でしたのでメモ。ボタンやカード、アイコン、テーブルやチャートなどのUIも揃っています。ラ...2016.06.11 | 11時11分02秒
レスポンシブWebデザインにも対応のシンプルで軽量なCSSグリッドシステム・「Pills」 Pills PillsはRWD対応のシンプルで軽量なグリッドシステムです。4kbほどのファイルサイズでモバイルファーストな設計となっています。よくあるフレームワークのような.col-md-6といったclass名が分かりやすいとは思えな...2016.06.06 | 9時43分04秒
任意のテーマでも使える、好きな固定ページ、好きな投稿をコーディングせずにドラッグ&ドロップでレイアウト出来るWordPressプラグイン・「Elementor Page Builder」 Elementor Page Builder Elementor Page BuilderはWordPressで作成した固定ページや投稿をD&Dでレイアウト出来るプラグインです。どんなテーマでも利用可能です。コーディングせずともボタン...2016.06.05 | 10時24分46秒
Webアプリの為に設計されたシンプル軽量なCSSフレームワーク・「Vital」 Vital VitalはWebアプリケーションの為に開発されたCSSフレームワークです。Webアプリの開発を妨げないように、極力軽量(CSS自体は圧縮版で6KB、アイコンフォントは2KB分用意されています。)に、JavaScriptは...2016.06.04 | 10時30分00秒
オープンソースのダミー画像を生成するplacehold.itのクローン・「sinatra_placehold」 sinatra_placehold sinatra_placeholdはダミー画像生成ツールのplacehold.itのクローンソフトウェアです。Ruby製で、Takafumi ONAKAさん作の国産です。placehold.itと同...2016.05.30 | 10時43分57秒
OKRの概念に基いて設計されたオープンソースのタスク管理ソフトウェア・「Fluxday」 Fluxday FluxdayはOKR(Objective and Key Result=目標と主な結果)の概念に基いて設計されたOSSのタスク管理ツールです。Rubyで書かれてます。カレンダー付きでタスクの作業ログを確認したりOKR...2016.05.29 | 9時00分36秒
ダミー画像をSVGで作成出来るオープンソースのダミー画像生成ツール・「placeholder.pics」 placeholder.pics placeholder.picsはダミー画像をSVGで作成出来るソフトウェアです。Goで書かれており、OSSとしてソースコードが公開されています。ダミー画像そのものはサイズ指定、背景カラー、グラデーシ...2016.05.26 | 9時45分07秒
タッチデバイスにhoverっぽい機能を付与するスクリプト・「Hover on Touch」 Hover on Touch Hover on TouchはiPhoneやAndroidのようなタッチデバイスにPCサイトのhoverっぽい機能を付与する為のスクリプトです。上図はフリックしているところですが、タッチしている部分に変化...2016.05.25 | 10時52分22秒
静的サイトの為のオープンソースなECプラットフォーム・「flatmarket」 flatmarket flatmarketは静的Webサイト向けのOSSなECプラットフォームです。決済には日本にも対応し始めたStripeを利用しているようです。サブスクリプション型対応、配送先と請求先のセパレート、Bitcoin対...2016.05.24 | 9時54分01秒
Bootstrapの代替として作られたコンパクトなCSSフレームワーク・「Cutestrap」 Cutestrap CutestrapはコンパクトなBootstrap代替CSSフレームワークです。肥大化したBootstrapをもっとコンパクトに、というニーズはよく見かけますので結構この手のCSSは出回っていますが、本フレームワー...2016.05.22 | 9時57分02秒
checkboxにアニメーションエフェクトを付与するCSS・「Checkbox.css」 Checkbox.css Checkbox.cssはcheckboxにアニメーションエフェクトを付与する為のスタイルシートです。上図のようにチェックを入れるとボックスがアクションを起こす、というもの。通常のWebサイトのお問い合せフォ...2016.05.21 | 9時40分57秒
Typeformの代替として開発されたオープンソースのフォーム作成ツール・「TellForm」 TellForm TellFormはOSSのフォーム作成ツールです。TypeformやGoogle Formsの代替として開発されたアンケートフォーム作成ソフトウェアで手軽にフォームを作成・管理する事が出来ます。同等の機能というわけに...2016.05.18 | 9時15分54秒
HTMLで書いたtableのデータをプレーンテキストやCSV、XLSなどのフォーマットでエクスポート出来るスクリプト・「TableExport.js」 TableExport.js TableExport.jsはtableに書いたデータをCSVやxls、xlsx、プレーンテキスト等のフォーマットでエクスポート出来るようにするスクリプトです。jQueryとFileSaver.jsを使用...2016.05.16 | 11時11分04秒
レスポンシブWedデザイン対応のシンプルで軽量なグリッドレイアウト・「Simple Grid」 Simple Grid Simple GridはRWD対応のCSSグリッドレイアウトです。シンプルで軽量、ネストにも対応しています。これといった機能はなく、シンプルさ、軽量さを重視していますので一から構築するフレームワークとは異なり、...2016.05.15 | 10時35分20秒
Webサイトのテーマカラーをユーザーが選べるようにする為のスクリプト・「jquery Theme Switcher」 jquery Theme Switcher jquery Theme SwitcherはWebサイトのテーマカラーを閲覧しているユーザーが選択できるようにする為のスクリプトです。jQueryに依存しています。通常のWebサイトではあま...2016.05.07 | 10時41分18秒
40以上のストックフォトサイトからCC0の画像を横断検索出来る・「LibreStock」 LibreStock LibreStockは40以上ものストックフォトサイトから著作権放棄された画像を横断検索出来る写真素材検索エンジンです。横断検索なので一応ライセンスには目を通したほうがいいとは思いますが、量と精度、素材のクオリテ...2016.05.06 | 10時51分26秒
複数選択可能なselect要素でoptionを選択しやすくするスクリプト・「PopSelect」 PopSelect PopSelectはselect要素でoptionを選択しやすいUIにする為のスクリプトです。jQueryに依存します。上図のように、select要素にフォーカスするとoption要素がポップアップするので選択すれ...2016.04.30 | 10時15分09秒
チームでパスワードを管理出来るOpenPGPベースのOSSパスワードマネージャ・「Passbolt」 Passbolt PassboltはOpenPGPをベースにしたチーム単位でパスワード管理が可能なパスマネです。当時、お国までも動かしたPGPの暗号技術(参照:Wikipedia)を使用し、ブラウザの拡張機能で暗号化、SSLを介して送...2016.04.29 | 11時18分04秒
可愛らしいスタイルのタイムピッカーを実装出来るスクリプト・「timedropper」 timedropper timedropperは可愛らしいスタイルのタイムピッカーです。jQueryに依存しています。アナログ時計に見立てたUIで時間をピック、フィールドに入力する事が出来ます。年月日等を入力管理出来るデイトピッカーで...2016.04.27 | 11時06分26秒
スタイリッシュなBootstrap向け管理画面テンプレート・「Blur Admin」 Blur Admin Blur AdminはBootstrapベースの管理画面テンプレートです。jQuery及びAngularJSをサポートしており、管理画面に必要なUIは一通り揃えられている印象です。チャートライブラリはamChar...2016.04.22 | 10時31分23秒
グリッドレイアウトのポートフォリオサイトを手軽に作成する為のシンプルなスクリプト・「gridfolio.js」 gridfolio.js gridfolio.jsはグリッドレイアウトのポートフォリオサイトを手軽に作成できるJavaScript製のジェネレーターです。gridfolio.jsにコンテナのタイトルやアイキャッチ、リンク先、スタイルや...2016.04.20 | 9時49分11秒