CSS Selector Generator | CSS のセレクタ一覧を一発で自動生成!

07

10月2009年

googleのデザインをみんなでカスタマイズ redesigngoogle.com の使い方

ishida 21:18 PM

  • はてなブックマークに登録
  • livedoorクリップに登録
  • Yahoo!ブックマークに登録
  • deliciousに追加

イメージ

こんばんは、ishidaです。

つい先日からiPhoneアプリ マネー手帳 で家計簿をつけはじめました。
一ヶ月の支出で通信費がかなり多かったので節約のために、携帯のパケット定額制をやめてみました…。電車の中ではもっぱら携帯いじりをやめ、家計簿つけて節約です。

さてさて今回は、サイトのご紹介。

googleさんには、自分ポータルとして i Googleがあります。
好きなテーマを選らんで、ガジェット入れたり。

検索結果の画面も以下のサイトで自分ごとのみカスタマイズできるようです。

redesigngoogle.com というサイトがそれです。

redesigngoogleの使い方

はじめに

サイトトップには、リデザインされた数点のものもありますがCSS大好きな人は赤枠で囲んである「creat new」をクリックです。

編集画面

CSSの編集画面に移ります。

左の赤枠部分がCSSのコードを記述するエリアとなり、右の赤枠部分がデザインプレビューのエリアとなっています。

ひたすらCSSを書く

CSSコードの編集エリアをひたすらゴリゴリと書いていきます。

「apply style」をクリックするとプレビューエリアにデザインが反映されます。

これでOKってデザインに仕上がりましたら、「isntall」をクリックします。

インストール(Firefox アドオン)

Firefoxアドオン WebMyndがインストールされるので、ブラウザを再起動。

そんじゃあ検索

ではではgoogleさんにて検索してみましょう。

デザインあたってる~。

ページ上部にタブがありますが、このタブでデフォルトのデザインに戻すことも可能です。

今回ご紹介したサイト

バシャログスタッフによるWebサイト制作サービス

トラックバック

このエントリーのトラックバックURL
http://c-brains.jp/cgi-bin/mt/###/2017
###はmt-tb.cgiに変更してください。

コメントを投稿

ページの先頭へ

POPULAR TAGS
  • バシャログスタッフによるWebサイト制作サービス

ARCHIVE

特集

  • ステップアップ!CakePHP
  • 作って学ぶjQuery

RECENT COMMENTS

ty on Flashで動画を再生しよう!第 3 回 FLVプレーヤーをつくろう1/2。
お返事ありがとうございます。説明が足りなかったようで、もう少
minami on 【Fireworks】Fireworks の振る舞い 基本的なとこ
> nishiuraさん コメントありがとうございます。
minami on Flashで動画を再生しよう!第 3 回 FLVプレーヤーをつくろう1/2。
> tyさん コメントありがとうございます。 コンポーネント
ty on Flashで動画を再生しよう!第 3 回 FLVプレーヤーをつくろう1/2。
参考にさせていただきました。ありがとうございました。 とこ
Chakotay on 【Fireworks】Fireworks の振る舞い 基本的なとこ
現場では上級のデザイナーの人、レベルの高いセンスのあるデザイ