Google製のマテリアルデザインコンポーネントライブラリ・「Material Design Lite」
Material Design Lite Material Design Liteはマテリアルデザイン向けのGoogle謹製コンポーネントライブラリです。Webサイトのテンプレートも用意されていました。特定のライブラリにも依存しておら...
Resource - フレームワーク
軽量でミニマルなCSSフレームワーク・「Thao Framework」
Thao Framework Thao Frameworkは軽量でミニマルなCSSフレームワークです。必要最低限のUIコンポーネントとスタイルが用意されており、すぐに開発を始めることが出来そうです。RWD対応ですがclassの変更で簡...
Webサイトのアクセシビリティをチェックする為のライブラリ・「tota11y」
tota11y tota11yはWebサイトのアクセスビリティチェックを行うライブラリです。基本的にはJavaScriptファイルを読み込むだけ、その他は必要に応じてプラグインファイルを読みこめば自動でチェックし、問題点を教えてくれま...
レスポンシブWebデザイン対応のミニマルなUIフレームワーク・「KATHAMO」
KATHAMO KATHAMOはRWD対応のミニマルなCSSフレームワークです。モバイルフレンドリーなフォームやテーブル、リストやアラートなどのコンポーネントが用意されていますが、本当に必要最低限しか用意されていない印象です。個人的に...
Twitter Bootstrapの有料/無料テンプレートを配布する・「ShapeBootstrap」
ShapeBootstrap ShapeBootstrapはBootstrapのテンプレート配布サイトです。有料と無料のものが用意されていますが、無料版も結構な数があるようです。ダウンロード出来るだけでなく、開発者による販売も可能なの...
ドラッグ＆ドロップでレスポンシブWebデザイン対応のWordPressテーマを管理画面内で作成・「Themify Flow」
Themify Flow Themify Flowはドラッグ＆ドロップでRWD対応のWordPressテーマを作成する事が出来るテーマビルダーです。WordPressテーマとして動作するようで、管理画面内で作成する事が出来ます。と言っ...
シンプルでミニマル設計のReactライクな軽量UIライブラリ・「Riot.js」
Riot.js Riot.jsはミニマル設計でReactライクなUIライブラリです。Muutというコメントプラットフォームを提供する企業が開発、公開したライブラリで圧縮版で3.5KBと軽量ながらパワフルな機能を持っている印象でした。V...
Bootstrapの為のカード型UIフレームワーク・「Bootcards」
Bootcards BootcardsはBootstrapの為のカード型UIフレームワークです。カード型UIとは最近TwitterやGoogle等が提唱し始めたスタイル（？）です（参照：Twitterカード、Google Now カー...
任意の画像を元にしたグラデーションカラーをCSSで作成する・「Gradify」
Gradify Gradifyは任意の画像に沿ったグラデーションカラーを作成、CSSで提供してくれるOSSです。画像の中で印象的な色を取り出して、そのカラーコードを元にCSSグラデーションを作成出来る、というもののようですね。用途は僕...
イメージギャラリー等で使うようなグリッドレイアウトでアイテムの数に関係なく幅を揃えてくれるスクリプト・「Layout Balancer」
Layout Balancer Layout Balancerはイメージギャラリー等でよく使われているグリッドレイアウトで、アイテムの数に関係なく幅を揃えてくれるスクリプトです。jQueryに依存しています。語彙が乏しいのでうまく...
ベーシックで使いやすそうなBootstrap向け管理画面テンプレート・「Gentallela」
Gentallela GentallelaはベーシックなBootstrap Adminテンプレートです。ゴチャゴチャしておらず、使いやすそうな印象でした。チャートやカレンダー、フォーム等だけでなく、請求書やデータグリッドなどのスタイル...
ツリー構造のリストアイテムをドラッグでソート出来るスクリプト・「Jquery sortable lists」
Jquery sortable lists Jquery sortable listsはツリー構造のリストのアイテムをドラッグで自由にソートできるスクリプトです。アイテム単体に限らず、ネストされたリストごと任意の他リストへ移動する事が...
シンプルでクリーンなモバイルファーストのCSSフレームワーク・「Outline」
Outline OutlineはシンプルでクリーンなCSSフレームワークです。モバイルファースト設計のレスポンシブWebデザイン対応で、tableやタブ、ボタンなどの各UIコンポーネントもひと通り揃えられています。もちろんこれらもRW...
データの編集やソート、ページングにも対応した軽量なデータグリッドを実装するスクリプト・「jsGrid」
jsGrid jsGridはデータグリッドを実装する為の軽量スクリプトです。jQueryに依存しています。データテーブルのセル内のデータ編集やソート、ページングにも対応しています。スタイルコンポーネントのカスタマイズもし易いように設計...
データを可視化する為のグラフ描画JavaScriptライブラリをまとめた・「JSGraphs」
JSGraphs JSGraphsはデータ可視化の為のJSライブラリをまとめているWebサイトです。左カラムの各項目でライブラリをJquery依存のもの、無償利用可能なもの、SVGを使ったもの等に絞ることが可能です。SSにマウスホバー...
軽量なWYSIWYGエディタを実装する為のjQueryプラグイン・「Trumbowyg」
Trumbowyg TrumbowygはjQuery依存のWYSIWYGエディタです。軽量且つ高速な動作を目指したそうです。HTML5もサポートされており、カスタマイズ性にも優れているようですね。他言語化もされており、日本の有志が本プ...
画像にウォーターマークを付与出来るスクリプト・「watermark.js」
watermark.js watermark.jsは画像にウォーターマーク（透かし）を付与出来るスクリプトです。画像の上にCSS等でレイヤーを重ねるのではなく、指定した画像に直接任意の画像やテキストを透かしとして加え、データURIスキ...
大量のjQueryプラグインと、その使い方等をコレクションしている・「jQueryScript.Net」
jQueryScript.Net jQueryScript.NetはjQueryのプラグインをコレクションしているWebサイトです。プラグインだけでなく、その使用方法やライセンス、ファイルサイズ等を簡単に紹介しています。今更感が否めな...
モバイルファーストな軽量フロントエンドフレームワーク・「Wee」
Wee Weeは軽量でモバイルファーストなOSSのフロントエンドフレームワークです。軽量ではあるものの、その性能は非常に充実しており、フレームワークとしてしっかり機能してくれそうな印象でした。開発をサポートするJavaScriptツー...
書いたテキストに背景画像を適応させるスクリプト・「TextHoler.js」
TextHoler.js TextHoler.jsは書いたテキストに上記のように背景画像を適応させる為のスクリプトです。jQueryに依存しています。指定された要素にCSSを加えるだけのシンプルなものなので手軽でいいですね。とは言え、...
SASSのように使えるJavaScript・「Stylus」
Stylus StylusはSASSのように簡易的な記述でCSSを生成してくれるJavaScriptです。シンプルなコードでコンパイルしてくれるので取っ付き易い印象です。とはいえ、これだけLESSやSASSが普及している中で敢えて本ス...
Canvasベースのグラフを描けるjQueryスクリプト・「Flot」
Flot FlotはCanvasを使ったチャートを実装する為のライブラリです。jQueryに依存しています。上図のようなシンプルなグラフに限らず様々なビジュアルのグラフに対応することが可能です。グラフのリアルタイムアップデートにも対応...