CKEditorをベースに構築されたモダンなWYSIWYGエディタ・「AlloyEditor」
AlloyEditor AlloyEditorはCKEditorをベースに構築されたモダンなWYSIWYGエディタです。CKEditorのインラインエディタをMediumのエディタライクにしたもので、ツールバーもシンプルなものになって...
Resource - github
Webアプリの為のミニマルなフロントエンドフレームワーク・「uix」
uix uixはモダンなWebアプリケーションの為に構築されたミニマルなフロントエンドフレームワークです。Webアプリケーション構築の際のスタイリングプロセスを簡素化するコンポーネントを提供するのが目的で、拡張性を考慮し、ミニマル設計...
基本的なUIコンポーネントも備わったベーシックなCSSフレームワーク・「Caramel」
Caramel Caramelは基本的なUIコンポーネントも備わったベーシックでモダン、レスポンシブなCSSフレームワークです。ボタンのスタイルやRWDに対応したナビゲーション、通知、パンくずやテーブル、プログレスバーからページネーシ...
オープンソースの多言語対応な電子カルテ+医療業務管理ソフトウェア・「OpenEMR」
OpenEMR OpenEMRは電子カルテと医療業務の管理システムを構築出来るオープンソースのソフトウェアです。PHP製みたいですね。患者データの登録、電子カルテの管理、患者毎のスケジューラー、処方箋管理、医療費管理等が可能で多言語対...
Meteor + Vue.jsのマテリアルデザインUIフレームワーク・「viu」
viu viuはMeteor + Vue.jsのUIフレームワークです。マテリアルデザインに基づいたスタイルとなっています。モバイルファーストで各コンポーネントが用意されています。詳細が書かれてないので今後の事等は分かりませんが、ライ...
軽量でベーシックなレスポンシブWebデザイン対応CSSフレームワーク・「Cirrus」
Cirrus Cirrusは軽量でベーシックなRWD対応CSSフレームワークです。コアに加えて必要なコンポーネントのをモジュール式に追加する形のようですね。最低限のコンポーネントに加えてホバーエフェクトやカードスタイルも用意されている...
モックアップ作成用に作られたSILライセンスの棒状フォント・「MockFlowFont」
MockFlowFont MockFlowFontはモックアップ作成用に作られた棒状のフォントです。SILライセンスで配布されていますので商用でも利用できますね。同じようにBLOKKやRedactedなどの先発フォントもあります。 ...
手軽に使える、スクロールに応じて動作するパララックス系スクリプト・「paroller.js」
paroller.js paroller.jsは手軽に導入できるパララックススクリプトです。jqueryに依存します。スクリプトを読みこんで設定、対象の要素に指定されたカスタムデータ属性を付与するだけと、楽に導入できるのが魅力です。こ...
flexboxを使った、シンプル軽量なグリッドシステム・「Waffle grid」
Waffle grid Waffle gridはflexboxを使った、シンプル軽量なグリッドシステムです。7kbほどのスタイルシートでレスポンシブ、カスタマイズ性も考慮された設計との事です。ありがちなclassなのでフレームワーク的...
使用してないCSSを解析して削除、使用中のものだけ残してくれる・「UnCSS」
UnCSS UnCSSはCSSををパースして使用してないスタイルを削除、使用中のものだけ残してくれるツールです。OSSとしてもソースコードが公開されています。この手のは先発のツールがありますので好みで。複数Webページにまたがってパー...
Webアプリケーション開発を少しだけサポートするJavaScriptライブラリ・「HYPERAPP」
HYPERAPP HYPERAPPはWebアプリ開発を少しだけサポートしてくれるJSライブラリです。本ライブラリではクリック数検知やカラーコードのパース、要素のドラッグ&ドロップ、キーワードマッチ、マウスの動きの解析やTodo、時計な...
円や三角、ハート型などで実装出来るプログレスバー・「ProgressBar.js」
ProgressBar.js ProgressBar.jsは円や三角、ハート型など、形状をカスタマイズ出来るプログレスバー実装スクリプトです。シンプルで良いですね。仕様はシンプルで対応ブラウザも幅広いので扱いやすそうな印象です。ライセ...
YoutubeのURLを指定すると、その場でブラウザいっぱいに広げて再生してくれる・「BigTube」
BigTube BigTubeはYoutubeの動画をブラウザいっぱいに広げて再生してくれるツールです。URLを指定して再生する、という非常にシンプルなもの。最初、どんな需要があるのか気になってみたのですが、Youtubeにあるコード...
Webサイトの訪問者の簡易的なデータを取得するスクリプト・「Purser」
Purser PurserはWebサイトの訪問者の簡易的なデータを取得する軽量スクリプトです。最初に訪れた日時やリファラ、タイムゾーン、ブラウザに設定してある言語、ランディングページやモニターサイズ、コンバージョンに設定したボタン等を...
accessibleなカラーパレットの作成をサポートしてくれる・「Accessible color palette builder」
Accessible color palette builder Accessible color palette builderはaccessibleなカラーパレットの作成をサポートしてくれるWebツールです。任意のカラーを5色設定...
データやイベントを簡易的に可視化するタイムシート作成ライブラリ・「timesheet.js」
timesheet.js timesheet.jsはデータやイベントを簡易的に可視化するタイムシート作成ライブラリです。ライブラリを読み込んでデータを書くだけで上デモのような簡易的なタイムシートを作成出来ます。データ入力も簡単なので扱...
シンプルでベーシックなレスポンシブWebデザインのグリッドレイアウト・「Spacegrid CSS」
Spacegrid CSS Spacegrid CSSはシンプルでベーシックなRWDのグリッドレイアウトCSSです。カラムは6までしか無く、それ以上は何もないので1.5kbと軽量な作りになっています。こういうのは汎用的に使えるので良い...
軽量でレスポンシブ、スタイルも選べるナビゲーションメニューのスタイルシート・「LUXBAR」
LUXBAR LUXBARは羽のように軽量なレスポンシブWebデザイン対応のナビゲーションメニュー用スタイルシートです。カラースタイルもいくつか選べます。これで非圧縮で8kbほどなので確かに軽量な設計ですね。また、ナビゲーションを固定...
任意のWordPressのテーマのスタイルをチェックできるテスト用データ・「WP Test」
WP Test WP Testは任意のWordPressテーマのスタイルをチェック出来るテストデータです。純正のユニットテストデータもありますが選択肢の一つとして。使い方は同じようにWPのインポート機能を使ってデータを入れればテスト用...
手軽で簡単、使いやすい国産の動画用モーダルウィンドウスクリプト・「modal-video.js」
modal-video.js modal-video.jsは手軽で簡単に動画をモーダルウィンドウです。jQueryに依存しています。開発元は国産CMSを開発するa-blog cmsの方。スクリプトとCSSを読み込み、任意の要素に用意さ...
任意の要素に表示/非表示時のアニメーションエフェクトを付与出来るスタイルシート・「tuesday」
tuesday tuesdayは任意の要素にアニメーションエフェクトを手軽に付与出来るスタイルシートです。上デモのように、CSSによるアニメーションエフェクトを、classを与えるだけでアニメーションによる表示、非表示が出来るようにな...
UberやLyftのような、配車サービスアプリを作成する為のOSS・「LibreTaxi」
LibreTaxi LibreTaxiはUberやLyftのような配車サービスアプリの為のOSSです。バッテリーにも優しい設計で多言語化にも対応しているようです。なにかと話題の両アプリですが、法律も関わってくる業種を扱うサービスになり...