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

RECENT COMMENTS

toyama on 【Fireworks】あなたのワークスペース、どんなレイアウト?
> maki さん コメントありがとうございます。 レイヤー
maki on 【Fireworks】あなたのワークスペース、どんなレイアウト?
初期設定のまま、パネル1列で作業してました。。 今までレイヤ
tomo on [使える CSS テクニック] CSSで実現するプルダウンメニュー
sakai様 早速ご返答ありがとうございます。 子供がho
sakai on [使える CSS テクニック] CSSで実現するプルダウンメニュー
>RodMond さん コメントありがとうございます。 自
RodMond on [使える CSS テクニック] CSSで実現するプルダウンメニュー
すみません解決しました(汗) ゴーストを覚えられていたみた