SNSのシェアボタンを手軽に設置できるスクリプト・「jquery.sharebox」 jquery.sharebox jquery.shareboxはSNSのシェアボタンを手軽に設置できるスクリプトです。名前のとおり、jQueryに依存しています。スクリプトとCSSを読み込んで空の要素を設置すればそのページに対応したシ...2017.03.30 | 10時31分36秒
CKEditorをベースに構築されたモダンなWYSIWYGエディタ・「AlloyEditor」 AlloyEditor AlloyEditorはCKEditorをベースに構築されたモダンなWYSIWYGエディタです。CKEditorのインラインエディタをMediumのエディタライクにしたもので、ツールバーもシンプルなものになって...2017.03.28 | 10時04分41秒
Webアプリの為のミニマルなフロントエンドフレームワーク・「uix」 uix uixはモダンなWebアプリケーションの為に構築されたミニマルなフロントエンドフレームワークです。Webアプリケーション構築の際のスタイリングプロセスを簡素化するコンポーネントを提供するのが目的で、拡張性を考慮し、ミニマル設計...2017.03.27 | 10時46分44秒
基本的なUIコンポーネントも備わったベーシックなCSSフレームワーク・「Caramel」 Caramel Caramelは基本的なUIコンポーネントも備わったベーシックでモダン、レスポンシブなCSSフレームワークです。ボタンのスタイルやRWDに対応したナビゲーション、通知、パンくずやテーブル、プログレスバーからページネーシ...2017.03.26 | 10時17分46秒
デザイナーのポートフォリオをまとめているデザインギャラリー・「Bestfolios」 Bestfolios BestfoliosはプロダクトデザイナーやUI/UXデザイナー、グラフィックデザイナー等のポートフォリオをまとめたWebデザインギャラリーです。それぞれのポートフォリオは大きなSSが掲載されているのでその場であ...2017.03.25 | 10時58分16秒
オープンソースの多言語対応な電子カルテ+医療業務管理ソフトウェア・「OpenEMR」 OpenEMR OpenEMRは電子カルテと医療業務の管理システムを構築出来るオープンソースのソフトウェアです。PHP製みたいですね。患者データの登録、電子カルテの管理、患者毎のスケジューラー、処方箋管理、医療費管理等が可能で多言語対...2017.03.23 | 10時48分02秒
Meteor + Vue.jsのマテリアルデザインUIフレームワーク・「viu」 viu viuはMeteor + Vue.jsのUIフレームワークです。マテリアルデザインに基づいたスタイルとなっています。モバイルファーストで各コンポーネントが用意されています。詳細が書かれてないので今後の事等は分かりませんが、ライ...2017.03.22 | 10時55分35秒
軽量でベーシックなレスポンシブWebデザイン対応CSSフレームワーク・「Cirrus」 Cirrus Cirrusは軽量でベーシックなRWD対応CSSフレームワークです。コアに加えて必要なコンポーネントのをモジュール式に追加する形のようですね。最低限のコンポーネントに加えてホバーエフェクトやカードスタイルも用意されている...2017.03.20 | 10時15分23秒
手軽に使える、スクロールに応じて動作するパララックス系スクリプト・「paroller.js」 paroller.js paroller.jsは手軽に導入できるパララックススクリプトです。jqueryに依存します。スクリプトを読みこんで設定、対象の要素に指定されたカスタムデータ属性を付与するだけと、楽に導入できるのが魅力です。こ...2017.03.17 | 10時54分26秒
flexboxを使った、シンプル軽量なグリッドシステム・「Waffle grid」 Waffle grid Waffle gridはflexboxを使った、シンプル軽量なグリッドシステムです。7kbほどのスタイルシートでレスポンシブ、カスタマイズ性も考慮された設計との事です。ありがちなclassなのでフレームワーク的...2017.03.16 | 10時44分48秒
使用してないCSSを解析して削除、使用中のものだけ残してくれる・「UnCSS」 UnCSS UnCSSはCSSををパースして使用してないスタイルを削除、使用中のものだけ残してくれるツールです。OSSとしてもソースコードが公開されています。この手のは先発のツールがありますので好みで。複数Webページにまたがってパー...2017.03.15 | 10時36分15秒
円や三角、ハート型などで実装出来るプログレスバー・「ProgressBar.js」 ProgressBar.js ProgressBar.jsは円や三角、ハート型など、形状をカスタマイズ出来るプログレスバー実装スクリプトです。シンプルで良いですね。仕様はシンプルで対応ブラウザも幅広いので扱いやすそうな印象です。ライセ...2017.03.05 | 10時44分38秒
ボツになったロゴをフリー配布するプロジェクト・「Logodust」 Logodust Logodustは提案したものの、ボツになってしまったロゴをフリーで配布して使ってもらおう、というリサイクルなプロジェクトサイトです。まだ数は多くありませんが、オープンソースとして配布されているのでもっと増えれば諸...2017.03.03 | 10時35分03秒
任意の色の組合せでアクセシビリティチェック出来る・「Hex Naw」 Hex Naw Hex Nawは任意のカラーの組合せでアクセシビリティチェックが出来るツールです。調べたいカラーコードを入力すればチェック結果を表示してくれます。カラーは12色まで追加可能のようです。この手のは他にもいろいろありますの...2017.03.02 | 10時20分28秒
Webサイトの訪問者の簡易的なデータを取得するスクリプト・「Purser」 Purser PurserはWebサイトの訪問者の簡易的なデータを取得する軽量スクリプトです。最初に訪れた日時やリファラ、タイムゾーン、ブラウザに設定してある言語、ランディングページやモニターサイズ、コンバージョンに設定したボタン等を...2017.03.01 | 10時12分31秒
accessibleなカラーパレットの作成をサポートしてくれる・「Accessible color palette builder」 Accessible color palette builder Accessible color palette builderはaccessibleなカラーパレットの作成をサポートしてくれるWebツールです。任意のカラーを5色設定...2017.02.28 | 10時00分58秒
データやイベントを簡易的に可視化するタイムシート作成ライブラリ・「timesheet.js」 timesheet.js timesheet.jsはデータやイベントを簡易的に可視化するタイムシート作成ライブラリです。ライブラリを読み込んでデータを書くだけで上デモのような簡易的なタイムシートを作成出来ます。データ入力も簡単なので扱...2017.02.27 | 10時42分25秒
シンプルでベーシックなレスポンシブWebデザインのグリッドレイアウト・「Spacegrid CSS」 Spacegrid CSS Spacegrid CSSはシンプルでベーシックなRWDのグリッドレイアウトCSSです。カラムは6までしか無く、それ以上は何もないので1.5kbと軽量な作りになっています。こういうのは汎用的に使えるので良い...2017.02.23 | 10時11分18秒
軽量でレスポンシブ、スタイルも選べるナビゲーションメニューのスタイルシート・「LUXBAR」 LUXBAR LUXBARは羽のように軽量なレスポンシブWebデザイン対応のナビゲーションメニュー用スタイルシートです。カラースタイルもいくつか選べます。これで非圧縮で8kbほどなので確かに軽量な設計ですね。また、ナビゲーションを固定...2017.02.20 | 10時38分19秒
シンプルで見やすいHTMLリファレンス・「htmlreference.io」 htmlreference.io htmlreference.ioはシンプルで見やすいHTMLリファレンスサイトです。トップページではタグが一覧になっており、ブロック要素、インライン要素、metaタグなどがひと目で分かるようになってい...2017.02.19 | 10時24分22秒
美しいグラデーションを大量に収集、CSSをコピーできる・「WebGradients」 WebGradients WebGradientsは美しいグラデーションを大量に収集しているWebサイトです。CSSをコピーできたりPNGでダウンロード出来る他、SketchファイルやPSDも配布してくれています。特にカテゴリで分けて...2017.02.18 | 10時54分13秒
データの可視化に関するツールや知識、リソースをまとめている・「dataviz.tools」 dataviz.tools dataviz.toolsはデータの可視化に関するツールやリソース等をまとめているキュレーションサイトです。色や管理画面、ライブラリ、アプリケーションなどに分けられています。かなりよくまとまっていますね。デ...2017.02.17 | 10時22分19秒