classを指定するだけでGoogle+風のボタンを実現できるCSS。
Google+風のデザインを実現できる24種のボタンが使えますよ。
有名なWebサービスのデザインはUIも非常に凝っているので、参考にできますね。
ライセンスはCreative Commons CC-BY。IE6でも動作するようになっているとの事。
詳細&ダウンロードは下のリンクからどうぞ。
- 2011/06/09 css
有料だけど超クールでかっこいい管理画面用のテンプレートが「35 Premium Admin and CMS interface HTML templates」というエントリーでまとめられていたのでご紹介。
クライアントへのCMS納品時に管理画面のデザイン費用は取れない場合や、
社内の人間しか使わないシステムの場合などなど、
できるだけ手軽に使いやすい画面を構築する際に使えそうです。
ほとんどのテンプレートでJavaScriptが利用されており、
リッチなインターフェイスになっているのが特徴です。
Adminica Professional Admin Template
Terminator admin template with 13 different Admin Backend pages
TurboAdmin Panel
WeAdmin Admin Control Panel
Reality Admin Template
有料とはいえ、ほとんどが1000円〜3000円程度のものでした。
デザインができない、時間を節約したいという方にもおすすめです。
リンク先にはわかりずらいですが、２ページ目もあるので
全部みたいという方はじっくりどうぞ。
「Img to CSS」は、写真やロゴなどのGIF・JPG・PNG画像をCSS化できるオンラインサービスです。
CSS化したテキストは、コピーペーストで使用できるようになっています。
以下に使ってみた様子を載せておきます。
ハイセンスなHTML/CSSテンプレートを探している。
そんな方におすすめなのが「20 Fresh Free CSS Templates」。
以下のような素敵なテンプレートをまとめてくれています。
個人利用、商用利用がOKなものがほとんどになっています。
使ってみたい方は下のリンクからどうぞ。
- 2011/01/05 css , CSSハック , javascript
-
CSSでページをデザインする際に、ブラウザ毎のレイアウトの違いって本当に嫌ですよね。
CSSハックで対応する方も多いかと思いますが、本日紹介する「cssuseragent」を使うとclassの作り方を少し工夫するだけでより柔軟に対応できるようになります。
詳しくは以下
各ブラウザのスタイルシートを初期化するために使われるリセットCSSを比較できるWebサービス「{ CSS:resetr }」をご紹介。
YUI、Vanilla Resetなど人気のリセットCSSをプルダウンで選択し、使用したいHTML構造を選択するだけで簡単に比較できるようになっています。
使ってみた様子
サイトでは見出しやリスト構造、テーブルなどの比較ができるようになっています。
今回はフォーム要素で比較してみました。
■ Yahoo! Reset 2の場合
■ HTML5 Dr. Resetの場合
■ Vanilla Resetの場合
それぞれに特徴がありますね。
各ブラウザのスタイルの違いを見るのに覚えておいても良いかもしれません。
- 2010/08/13 css , framework , MIT license
-
「Atatonic」はタイポグラフィに特化したCSSフレームワークです。
グリッド配置に重点を置いているため、背景画像に経線が使われていたりします。
0