Resource - フレームワーク

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も...
Ads

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...

レスポンシブ且つグリッドなレイアウト生成ジェネレーター・「gridpak」

gridpak gridpakは、レスポンシブWebデザインに対応したグリッドレイアウトジェネレーターです。従来のグリッドジェネレーターにブレークポイントを設定出来る項目が付いているので操作も楽に行えます。 gridpak

面倒な作業のみをカバーしたシンプルなCSSフレームワーク・「inuit.css」

inuit.css inuit.cssは、面倒な作業のみをカバーしたシンプルなSassベースのCSSフレームワークです。コアと別用途向けのCSSを分けてあるため、例えばグリッドレイアウトにする場合は別途用意されたCSSを使うようにしま...
Ads