Resource - CSS/HTML

クオリティの高めなTwitter Bootstrapテーマを紹介する・「Black Tie」

Black Tie Black Tieはクオリティの高いTwitter Bootstrapテーマを紹介するWebサイトです。アプリのライディングページやフラットデザイン、ポートフォリオなどなどが用意されています。数はまださほど多くあり...

軽量でシンプルなCSSフレームワーク・「Bijou」

Bijou Bijouはシンプルで軽量なCSSフレームワークです。圧縮版で2KBほどと、かなり軽量化されています。グリッドレイアウトにも対応できますが、12カラムではなく10カラムで設計されていますね・・なんとなく珍しい気がしました。...

CSSで作られたアニメーションロードインジケーターのキット・「SpinKit」

SpinKit SpinKitはCSSによるアニメーションロードインジケーターのキット。Githubにてソースが公開されています。スマフォ用/一部ブラウザのみ対応のWebサイトのみになってしまいそうですがデザインもシンプルで動きも滑ら...
Ads

モバイル向けのWebアプリ開発用に作られた軽量フレームワーク・「Zoey」

Zoey Zoeyはスマフォ向けのWebアプリの開発用に作られた軽量なフレームワークです。zepto.jsに依存しています。HTML5とCSS3ベースで各種コンポーネントが揃えられています。ライセンスはMITです。 Zoey

シンプルで軽量なCSSフレームワーク・「LAYERS CSS」

LAYERS CSS LAYERS CSSはシンプルで軽量なCSSフレームワークです。レスポンシブWebデザイン対応で無駄な装飾等もありません。かなり使いやすい印象でした。シンプルなものをお探しの方は一見の価値はあるかも知れません。ラ...

スマフォやタブレット向けのCSSフレームワーク・CLANK

CLANK CLANKはスマフォやタブレットデバイスのWebアプリ向けに作られたCSSフレームワークです。コンポーネントも多数揃えられており、SCSSで作られているそうです。シンプルで使いやすそうですね。 CLANK

CSS3のエフェクト付きモーダルウィンドウ・「jQuery Custombox 」

jQuery Custombox jQuery CustomboxはCSS3のエフェクト付きもモーダルウィンドウを実装するスクリプト。モーダルウィンドウの出現時、非表示時にエフェクトがかかります。用途は限られてしまいそうですが、かな...

Twitter Bootstrapで作られた様々なテンプレートを配布する・「Start Bootstrap」

Start Bootstrap Start BootstrapはTwitter Bootstrapで使える様々なテンプレートを配布するWebサイトです。ギャラリーサイト用、フルスクリーンなレイアウト、ブログ風など多岐に渡ります。スター...

Twitter Bootstrapでフラットなデザインを構築する為のフレームワーク・「Bootflat」

Bootflat BootflatはTwitter BootstrapベースのフラットデザインなWebサイトを構築する為のフレームワークです。モバイルファーストな設計で、リッチなコンポーネントが多数用意されています。ライトで使いやすい...

多数のコンポーネントが用意されたWebUIフレームワーク・「Semantic UI」

Semantic UI Semantic UIは多数のコンポーネントが用意されたWeb UIフレームワークです。現在32種類のコンポーネントがあり、今後も増えるそうです。BOOTSTRAPを意識して作られているのか、classの使い方...

シンプルで軽量なレスポンシブWebデザイン対応CSSフレームワーク・「KNACSS」

KNACSS KNACSSはシンプルで軽量なCSSフレームワーク。レスポンシブWebデザインにも対応しています。チュートリアルページを確認する限りでは素敵な性能のフレームワークなのですが、CC-BYなので使いどころはある程度限られるか...

モバイルフレンドリーなWebアプリの為のUIコンポーネント・「Brick」

Brick BrickはモバイルフレンドリーなWebアプリの為に作られたUIコンポーネント集です。mozillaから提供されているみたいですね。同じくmozilla提供のX-Tagが使われています。カレンダーやデイトピッカー、スライダ...

CSSによるアニメーションエフェクトをまとめた・「EFFECKT.CSS」

EFFECKT.CSS EFFECKT.CSSはCSSによるアニメーションエフェクトをまとめたサイト。Githubでもソースを公開しています。今まで見かけたCSSエフェクトが勢ぞろいしている印象です。尚、ソース元は見出しのタイトル右上...

モバイルファーストなレスポンシブ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には対応して...

モバイルファーストな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...

Webサイトのサイトマップを作る為のCSS・「SlickMap CSS」

SlickMap CSS SlickMap CSSは、サイトマップを作る為のCSSです(sitemap.xmlではなく、人用のサイトマップ)。上図のように、階層を分かりやすく可視化し、ユーザーに取って分かりやすいナビゲーションを作成す...

レスポンシブWebデザイン対応のシンプルで軽量なグリッドシステム・「.FITGRD」

.FITGRD .FITGRDはレスポンシブWebデザインにも対応したグリッドレイアウトを構築する為のCSSです。フレームワークではない、との事です。(当記事では一応フレームワークのカテゴリに含めています)CSS自体は非圧縮でも4KB...

Adobe製のレスポンシブ対応UIライブラリ・「Topcoat」

Topcoat TopcoatはAdobe社が提供するOSSのCSSフレームワークです。シンプルで使いやすいUIでレスポンシブWebデザインにも対応しています。モバイル版はタップしやすいようにエレメントの高さをやや高くしてくれてるのも...

OSSで公開されているHTML5製のノベルゲームエンジン・「TyranoScript」

TyranoScript TyranoScriptはノベルゲームをHTML5で実装できるオープンソースのライブラリです。吉里吉里との親和性が高いのが特徴との事。ライセンスはMITで公開されています。国内の開発なのでドキュメントも日本語...
Ads