Bootstrap向けのシンプルなWYSIWYGエディター・「Summernote」
Summernote SummernoteはBootstrap向けのシンプルなWYSIWYGエディターです。jQueryを使って動かしているみたい。機能も非常にシンプルで使いやすいイメージです。ライセンスはMITとのこと。 Su...
Resource - フレームワーク
jQueryを使ってWin8のMetroライクなUIを実装・「Metro JS」
Metro JS Metro JSはWindows8のMetroライクなUIを実装するjQueryのスクリプトです。コンテンツのスライドやフリップエフェクトでMetroっぽいUIを構築することが出来ます。また、デザインのテーマジェネレ...
CSSによるアニメーションエフェクトをまとめた・「EFFECKT.CSS」
EFFECKT.CSS EFFECKT.CSSはCSSによるアニメーションエフェクトをまとめたサイト。Githubでもソースを公開しています。今まで見かけたCSSエフェクトが勢ぞろいしている印象です。尚、ソース元は見出しのタイトル右上...
フラットなWebサイトを構築する為のフロントエンドフレームワーク・「Furatto」
Furatto FurattoはフラットなWebデザインのサイトを迅速に構築する為のフロントエンドフレームワークです。Sassを使ってるみたい。ボタンやフォーム、テーブルからページネーションやツールチップなどのコンポーネント、カルーセ...
モバイルファーストなレスポンシブWebデザイン向けCSSフレームワーク・「csswizardry-grids」
csswizardry-grids csswizardry-gridsはモバイルファーストなCSSフワームワークです。購読しているcsswizardry.comのフレームワークなので興味が湧いた次第です。多段ネストも可能でclearも...
CSSフレームワークのToastをベースとしたWordPressテーマ・「Toastpress」
Toastpress ToastpressはシンプルなcssフレームワークのToastをベースとしたWordPressテーマです。floatを使わず、inline-blockを使ってグリッドレイアウトを作っているのでie7には対応して...
YUIを使用したUIフレームワーク・「AlloyUI」
AlloyUI AlloyUIは、YUIを使ったUIのフレームワークです。よくあるタブやカルーセル、モーダルウィンドウなどに加えて、スケジューラー、レーティングシステムやツールバーなどのコンポーネントの対応も充実しているようです。なか...
要素をレンガ状に並べるライブラリ・「MASON.JS」
MASON.JS MASON.JSは要素をレンガ状に隙間なく並べてくれるライブラリです。jQueryに依存しています。余白を完全に埋める、という目的で作ったみたいですね。圧縮版で4KBほどなのも嬉しいです。 MASON.JS
モバイルファーストなCSSフレームワーク・「Cardinal」
Cardinal CardinalはモバイルファーストなCSSフレームワークです。必要最低限の設計で残りはユーザーがカスタマイズする、という事を念頭に置いて作られたようです。この手のフレームワークは数多に存在しますが、選択肢が大いに越...
SASS/Compassで構築されたCSSボタンライブラリ・「Buttons」
Buttons ButtonsはSASS/Compassで構築されたCSSボタンのプロジェクトです。classを振るだけで様々なボタンに装飾する事が出来る様になっています。Font Awesomeを使ってアイコンを加えたりCSS3でぼ...
CSSライブラリをコレクションしている・「CSSDB.co」
CSSDB.co CSSDB.coはCSSライブラリをコレクションしているWebサイトです。似たようなサイトを紹介した気もしますが・・割と評価の高めなライブラリに絞ってるっぽいですね。Githubへのリンクもあります。 CSSD...
軽量なJavaScriptライブラリをコレクションした・「microjs」
microjs microjsは軽量なJSライブラリだけをコレクションしているWebサイトです。5KB以内のスクリプトだけを纏めているようですね。簡単に特徴も書かれています。かなりの数ですが検索も出来るのでそこそこ探しやすのでは無いか...
Webサイトのサイトマップを作る為のCSS・「SlickMap CSS」
SlickMap CSS SlickMap CSSは、サイトマップを作る為のCSSです（sitemap.xmlではなく、人用のサイトマップ）。上図のように、階層を分かりやすく可視化し、ユーザーに取って分かりやすいナビゲーションを作成す...
レスポンシブWebデザイン対応のWebサイトを構築する為の軽量フロントエンドフレームワーク・「skel.js」
skel.js skel.jsはレスポンシブなWebサイトを構築する為のフロントエンドフレームワークです。19kbと、なかなか軽量で内容も充実した印象でした。使い慣れれば便利そうです。ライセンスはMITとGPL。 skel.js
AngularJS用のチートシート・「AngularJS Cheat Sheet」
AngularJS Cheat Sheet AngularJS Cheat Sheetは名前の通り、Google製のJavaScript MVCフレームワ－ク、AngularJS用のチートシートです。PDFとしてもDL出来るみたい。B...
レスポンシブWebデザイン対応のシンプルで軽量なグリッドシステム・「.FITGRD」
.FITGRD .FITGRDはレスポンシブWebデザインにも対応したグリッドレイアウトを構築する為のCSSです。フレームワークではない、との事です。（当記事では一応フレームワークのカテゴリに含めています）CSS自体は非圧縮でも4KB...
Andoroidアプリ用プロトタイプを作成する為のHTML/CSSフレームワーク・「Fries」
Fries Frieshは、HTML/CSS/JavaScriptベースで作る、Androidアプリ用プロトタイプ作成フレームワーク。RATCHETに刺激されてAndorid向けも作成したくなった、との事らしいです。ライセンスはMIT...
Adobe製のレスポンシブ対応UIライブラリ・「Topcoat」
Topcoat TopcoatはAdobe社が提供するOSSのCSSフレームワークです。シンプルで使いやすいUIでレスポンシブWebデザインにも対応しています。モバイル版はタップしやすいようにエレメントの高さをやや高くしてくれてるのも...
OSSで公開されているHTML5製のノベルゲームエンジン・「TyranoScript」
TyranoScript TyranoScriptはノベルゲームをHTML5で実装できるオープンソースのライブラリです。吉里吉里との親和性が高いのが特徴との事。ライセンスはMITで公開されています。国内の開発なのでドキュメントも日本語...
ミニマルなマークアップで書かれたCSSフレームワーク・「Markup Framework」
Markup Framework Markup Frameworkはミニマルなマークアップで書かれた、モバイルファーストなレスポンシブWebデザイン対応のCSSフレームワークです。必要最低限、をコンセプトに構成したようです。ベースとし...
CSSフレームワークの機能が一目で分かる一覧表・「CSS Front-end Frameworks with comparison」
CSS Front-end Frameworks with comparison CSS Front-end Frameworks with comparisonは様々なCSSフレームワークの持ち合わせている機能を一目で確認出来る一覧...
モバイルファーストなCSSフレームワーク・「Blok Grid System」
Blok Grid System Blok Grid SystemはモバイルファーストなレスポンシブWebデザイン対応のCSSフレームワークです。スマフォ、タブレットを中心に考えたCSSで構築されています。IE8にも対応。 Bl...