Resource - CSS/HTML

BootstrapベースのUIキットをPSDとHTMLで配布する・「Drunken Parrot」

Drunken Parrot Drunken ParrotはBootstrapベースのフラットなUIキットを配布するOSSです。この手のものでは珍しくPSDとHTMLの両方を用意してくれています。ライセンスはCCとMITとの事です。動...

1KB以下でオールドブラウザにも対応した軽量CSSフレームワーク・「Min」

Min Minは1KB以下で構成された軽量なCSSフレームワークです。(※圧縮した状態のサイズとなります)IE5.5などのオールドブラウザにも対応しているとの事・・・ですが、確認する術が自分には無いので未検証です。Bootstrapの...

シンプルで軽量なHTML5/CSS3フレームワーク・「Picnic CSS」

Picnic CSS Picnic CSSはシンプルで軽量なHTML5/CSS3のフレームワークです。RWDにも対応しています。まださほど見ていませんが、Hacker Newsでの議論で興味わいたのでメモ的に。今すぐでなくても将来的に...
Ads

最低限のものだけを用意したシンプルなフロントエンド開発向けフレームワーク・「BareKit」

BareKit BareKitは最低限のものだけを用意したシンプルなフロントエンド開発フレームワークです。開発の起点として利用されることを想定して作られたみたいですね。似たようなものはあるのでお好みで。ライセンスはMITとGPLのデュ...

AngularJSとBootstrapを使ったシンプルなRWD対応のダッシュボードのテンプレート・「Responsive Dashboard」

Responsive Dashboard Responsive DashboardはAngularJSとBootstrapを使ったシンプルなデザインの管理画面のテンプレートです。レスポンシブWebデザインに対応しています。WordPr...

オープンソースのRWDなHTMLメール用テンプレート集・「Open Source Email Templates」

Open Source Email Templates Open Source Email TemplatesはOSSとして配布されているレスポンシブWebデザイン対応のHTMLメールテンプレートです。何種かのデザインが用意されており...

Bootstrap向けのテーマやUIコンポーネントをまとめた・「PrepBootstrap」

PrepBootstrap PrepBootstrapはBootstrap向けのテーマや少し特殊なUIコンポーネントをまとめているWebサイトです。UIは不動産サイト向けのちずのリストのレイアウトやECサイトの商品紹介のレイアウト、ロ...

SVGによるパターンを背景として使える・「PatternBolt」

PatternBolt PatternBoltはSVGによるパターンを背景に使えるCSSです。画像はdataスキームが使われています。適応したい要素に用意されたパターンのclassを振って:after擬似要素でサイズを指定するだけ。S...

SASSベースの軽量なフロントエンド開発フレームワーク・「Concise.CSS」

Concise.CSS Concise.CSSは軽量なフロントエンド開発フレームワークです。SASSをベースに、オブジェクト指向CSSの原則に基づいて設計しているとの事。オールドブラウザに対応させる場合はModernizrやRespo...

フロントエンド開発の為のコンポーネント集・「FORMSTONE」

FORMSTONE FORMSTONEはフロントエンド開発のためのコンポーネントを集約しているWebサイトです。RWD対応のCSSグリッドシステムやドラッグ&ドロップで出来るアップローダー、モーダルウィンドウ、カルーセルなど様々なコン...

Bootstrapのテーマ専門のマーケットプレイス・「BootstrapBay」

BootstrapBay BootstrapBayはBootstrapのテーマを販売する専門のマーケットプレイスです。様々なテーマがリーズナブルな価格で販売されています。まだ数はそう多くないですが、モバイルファーストな管理画面とかラン...

CSSのbackground-blend-modeとgradientを使った背景パターンを公開する・「CSS Gradients with background-blend-mode」

CSS Gradients with background-blend-mode CSS Gradients with background-blend-modeはタイトル通り、background-blend-modeとgradie...

Google製のマルチデバイス対応Boilerplate・「Web Starter Kit」

Web Starter Kit Web Starter KitはGoogle製のWeb制作スターターキットです。マルチデバイス対応のレスポンシブなBoilerplateとなっています。パフォーマンスも最適化済みの様です。この辺はさすが...

多数のコンポーネントが備わったCSSフレームワーク・「Maxmertkit」

Maxmertkit Maxmertkitはタイポグラフィやテーブル、ボタンやタブなどなどWebサイトに必要なコンポーネントを大量に備えたCSSデザインフレームワークです。RWDにも対応しています。Bootstrapのような使い方が出...

モバイルファーストなUIコンポーネントのコレクション・「Titon Toolkit」

Titon Toolkit Titon ToolkitはモバイルファーストなUIコンポーネントのコレクションです。レイアウトやエフェクト、パンくずやボタン等のエレメントからアコーディオンやタブなどのモジュールまで様々。ボリュームも結構...

Google+スタイルのBootstrap・「Bootplus」

Bootplus BootplusはGoogle+スタイルのBootstrapテーマキットです。各コンポーネントもGoogle+を彷彿とさせるUIに仕上がっていました。なかなか素敵。ライセンスはフッターに記載されていますのでご利用の際...

テンプレートも用意されている軽量なレスポンシブWebデザイン対応CSSフレームワーク・「Responsee」

Responsee Responseeは軽量で直感的に使えるCSSフレームワーク。直感的と感じるかどうかは個人差はあるかもしれませんが、本サイトでそう謳っていましたのでそうなんでしょう。RWDに対応しており、PSDも配布されています。...

Bootstrap向けのレスポンシブなメガメニューを実装する・「Responsive Bootstrap MegaMenu」

Responsive Bootstrap MegaMenu Responsive Bootstrap MegaMenuはBootstrap向けのRWDに対応対応したメガメニューです。ドロップダウンメニューの中には動画やGoogleマッ...

Bootstrapベースの管理画面向けテンプレート・「AdminLTE」

AdminLTE AdminLTEはBootstrap 3をベースとしたコンロールパネル向けのデザインテンプレートです。BootstrapベースなのでRWDにも対応しているのは楽でいいですね。サンプルをざっと見た感じは、かなり良くでき...

スマフォ向けWebアプリの為のシンプルなコンポーネント集・「Ratchet」

Ratchet Ratchetはスマフォ向けWebアプリの為のシンプルなコンポーネント集です。Bootstrapと同じ開発元で公開されていました。スマフォ専用のBootstrapなのかもしれないですね。基本的なものは一通り揃っています...

CSSのみで作られたUIコンポーネント集・「Pure CSS Components」

Pure CSS Components Pure CSS ComponentsはCSSのみで作られたUIコンポーネント集です。タブやモーダルウィンドウ、カルーセル、アコーディオン、ドロップダウンメニューなどの実装コードが紹介されていま...

スピード構築に拘ったRWD対応のグリッドシステム・「Jeet」

Jeet Jeetは高速構築を目指したレスポンシブWebデザイン対応のCSSグリッドシステムです。柔軟性、使いやすさを重視した、との事。SASSにも対応しています。使いやすいかどうかは個人差があるでしょうけど、個人的には良さそうな印象...
Ads