TB企画*これがないと困る！Firefox 3 のアドオンリスト
All-in-One Sidebar 0.7.6 サイドバーの開閉、ダイアログや別ウィンドウに表示される機能をサイドバー内で表示する拡張 ColorZilla 2.0 カラーピッカー Copy URL+ リンクや引用、これがなくちゃブログが書けないというくらい活用。Make Link のほうが簡単 Firebug 1.2.0b3 最強のデバッグツール FireGestures 1.1.2 マウスジェスチャーAll-in-One Gestures から乗り換え Gmail Notifier 0.6.3.4.1 Gmailの新着を知らせてくれる拡張 Greasemonkey 0.8.2008609.0 sbm関連、快適にブラウジングするための拡張 Hatenabar 0.5.6 はてなーなら入れておかなきゃね！ Japanize 0.8.11 英語のサイトを日本語化 Make Link 8.0
Google でホームページを自分らしくカスタマイズ
ブラウザのホームページ（スタートページ）は Blank 派？ My Yahoo！派？ デスクトップや部屋を模様替えするように、たまにはホームページも iGoogle で模様替えしてみませんか？ 簡単にカスタマイズできるので、日替わりもOK！ そもそも iGoogle って何？ Google のホームページを好きな「テーマ」（背景）にしたり、お好きな「ガジェット」を選んであなた専用のデザインにカスタマイズすることができます。 どこからでもアクセスできて、ネットライフが超便利になりますよ。 アーティストiGoogle Google×9組のアーティストがコラボした企画 「アーティストiGoogle」 おしゃれなデザインがいっぱい！ 他にもたくさんテーマがあって迷っちゃいますね。 My Yahoo！派の方も自分だけの iGoogle を作成してみませんか？ Airside リリー・フランキー 日比
浮世絵に学ぶ日本の伝統色と配色 | *LOVE IS DESIGN*
配色の参考になる色のランキングサイト COLOURlovers に、海外の名画のカラーパレットがありました。 Color Inspiration from the Masters of Painting そこで、世界の画家たちにも大きな影響を与えた、日本を代表する「浮世絵」からカラーパレットを作ってみました。 ■三世大谷鬼次の奴絵江戸兵衛（東洲斎写楽） ■鳳凰図屏風（葛飾北斎） ■江戸名所 浅草金龍山（歌川広重） ■ 亀戸梅屋舗（歌川広重） ゴッホが模写したことでも有名な絵 参考：印象派と浮世絵の意外な関係 ■春画（渓斎英泉）【オマケ】 ちょっぴりセクシーな配色？ 浮世絵とは、江戸時代に発達した版画絵で当時人気のあった歌舞伎役者や風景など、その時代の様々な風俗が描かれています。 「役者色」と呼ばれた人気歌舞伎役者が愛用した染物や色は、江戸時代の流行色で、役者の屋号や名前がそのまま色の名前に
覚えておきたい配色のワザと便利なツール :: Love & Design ::
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 色の3つの要素 配色を行う前に、色に関する基礎知識をおさらい。色は「色相・彩度・明度」の3つの要素によって成り立っています。明度だけの性質を持つ無彩色に対し、有彩色は色相、彩度、明度の3つの性質を持っています。これを「色の3属性」と呼びます。 色相（しきそう：Hue） 色相とは、赤・橙・黄・緑・青・紫などの色みのこと。 （色相はつながりあって色相環という輪になります。） 彩度（さいど：Saturation：Chroma） 色の鮮やかさ、強弱の度合いのこと。 彩度が高い（鮮やか）⇔彩度が低い（鈍い） 明度（めいど：Value：Brightness） 色の明るさの度合いのこ
引き算の美学
デザインという言葉を聞くと、線を引いたり色を付けたり「足すこと」ばかりに気がとらわれがちです。 世界的デザイナーの Katsuji Asada氏 のインタビュー を読んで「引き算のデザイン」について考えてみました。 デザイン＝ものを省くこと 今回アートディレクターを務めた「Zinga」のデザインで、Asada 氏は線があるのを嫌ったそうですが「白の空間」をとても大切にしているように思いました。 ホワイトスペースの役割 白の空間「ホワイトスペース」は、次のような役割があります。 区別する 目立たせる リズムをつける 間（ま）を持たせる このように「ホワイトスペース」には、重要な役割を持っていると同時に「何もないデザイン」は美しく機能的でもあるんですね。 メイクでもよく言われることですが、例えば目元を強調したい時はリップメークは控えめにするとか、口元を強調したい場合は目元をラインだけにする･･
知っておくと便利な「無彩色」の使い方
白、黒、グレーのように色みを持たない色のことを「無彩色」と言います。 （むさい色じゃないよ！） 「無彩色」はどんな色ともマッチする反面、使い方によっては地味で無機質な印象になりがちですが、上手に使うとシックでスタイリッシュな雰囲気になります。今回は、色使いの基本として「無彩色」の使い方を紹介したいと思います。 色には大きく分けて「有彩色」と「無彩色」の2種類あります。有彩色は「色相、明度、彩度」の3つの性質があるのに対し、無彩色は「明度」*だけの性質を持っています。 *明度（めいど：value） 色の明るさの度合いのこと。 最も明度の高い色が白、最も明度の低い色が黒です。 Webデザインに「無彩色」はかかせない存在 背景など部分的に使う グラデーションをつける 明度差をつけて強調する 光と影をつけて立体感を出す どんな色ともケンカをしない「無彩色」は、使う場所を選ばない万能な色。 Webデ
Mac のマウス（Mighty Mouse）の調子が悪くなったら試してみる3つの方法
Mighty Mouse（マイティーマウス）のスクロールボールの調子が悪くなって某メーカーの安いワイヤレスマウスを購入したんですが、ホイールのガリガリという音が気に入らなくて、結局ワイヤレス Mighty Mouse を注文しました。 Twitter でそのことを書いたら、いいことを教えてもらいました。 @koji ありがとう！ Mighty Mouse の掃除方法 軽く水で湿らせたティッシュの上でマウスを裏返してコロコロする サラダ油をつけたティッシュの上でマウスを裏返してコロコロする それでもダメなら分解して掃除する さっそくお水で試してみると、まずまずの感じ。次に、キッチンペーパーにサラダ油を少し付けてコロコロしてみると、細かいゴミが驚くほどたくさん取れて感激！見事にスクロールも復活しました。 分解はしなくて済みましたが、最後の手段ということで･･･。やっぱり Mighty Mous
無駄にエロい人の正しくHTML（中略）の答え
HTML文書を制作する際に使用しているプログラムをお答えください。（Webプログラムも含む） 採用しているDTDとその理由をお答えください。 何故正しくHTMLを書いているのですか？ W3CとWHATWG、どちらに期待してますか？ あなたにとってHTMLとは何ですか？ HTML文書を制作する際に使用しているプログラムをお答えください。（Webプログラムも含む） Mac では mi 。Win では TeraPad を使っています。 採用しているDTDとその理由をお答えください。 XHTML 1.0 Transitional。理由は今の主流だと思うから。トレンドは1.1？ 何故正しくHTMLを書いているのですか？ ユニバーサル Web デザインを目指して（ウソ）無駄にエロいだけなので清く正しいことがしたい。あと、それが目的ではないけど、W3C のバリデータで合格したい。 W3CとWHATWG、
色で選べる Web デザインギャラリーまとめ
Web デザインを考えるとき、色彩のイメージはとても大切です。配色のヒントは Web 上だけではありませんが、配色に悩んだときに便利な、色で選べる Web デザインギャラリーをまとめてみました。 イメージに合った色の選び方や、レイアウトもとても参考になります。
お手本にしたい Web デザインのギャラリー10選 :: Love & Design ::
Web デザインに限ったことではありませんが、何かを学ぶときは良いお手本を探すことが大切ですね。そのお手本を真似ながら、たくさん 練習することが上達するための何よりの方法だと思います。 そんなお手本にしたいきれいな Web デザイン（CSS）ばかりを集めたギャラリーを10サイト選んでみました。配色に悩んだり、デザインのアイデアが浮かばない、そんなときもインスピレーションを与えてくれそうです。 01 CSS Mania CSS デザインといえば、まずここ 02 Most Inspired クールな CSS デザインを一括チェックできます。 03 CSS Impress ブログデザインの参考に 04 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards タグで分類されていて目的にあわせて選びやすい 05 CSSclip |
ブロガーツールセット for Mac | *LOVE IS DESIGN*
ブロガーの「七つ道具」というと大袈裟ですが、昨年 Mac にスウィッチしたわたしがブログを書くときに使用している便利なツールをご紹介したいと思います。すべて無料で入手できるものばかりです。･･････ Mac 以外はね。えへへ。 ドラッグ＆ドロップで画像加工 CocoThumbX - Mac OS X Thumbnail Creator 画像をドラッグ＆ドロップするだけで、サムネイルにしたりドロップシャドウをつけるてくれるスグレモノです。画像の任意の場所にラベル（テキスト）を入れるのも簡単で、今一番お気に入りの画像処理ソフトです。 Thumbscrew via：ネタフル これは今日知ったばかりなんですが、さっそくダウンロードして使ってみました。 Mac 関連の話題も豊富でお世話になってます。 参考：[N] Macに"Switch"する人のためのソフトとTipsのまとめ あっという間に無駄に
もっと手軽でオシャレに！Amazon アソシエイト支援ツール集 | *LOVE IS DESIGN*
2月1日から、購入に応じてポイントが溜まる Amazonポイントサービス が始まりましたね。ポイントサービスの開始を記念して、2月28日（水）まで最大10,000ポイントが当たるポイントプレゼントキャンペーンを実施しています。 そこで、Amazon の商品だってオシャレに見せたい！というわがままな願いを叶えてくれるツールをまとめてみました。 広告っぽいデザインが嫌いな人でもこれならブログに貼りたくなっちゃいませんか？ Amazon にもリンク作成は用意されていますが、支援ツールを使うと簡単にちょっと差のつくオシャレなデザインにすることができます。ブログのデザインやお好みに合わせてぜひ活用してみてください。 Amazonの画像をオシャレに見せたい人にオススメ！ Amazonリンクタグを簡単作成：Ama-Z Ama-Zは、短い URL の Amazon アソシエイト用タグリンクを作成したり、サ
メールアドレス画像化ジェネレーター集 | *LOVE IS DESIGN*
スパム対策にメールアドレスを画像にしてくれる、便利なジェネレーターをまとめてみました。おしゃれなデザインなのでブログのワンポイントにもなりますよ。 きゃっとまーくめーる 可愛いネコのイラスト付き フォントもいろいろ選べます。 わたしが使用しているのは「みかちゃんFONT」です。 でざいんめーる フォントや背景色の変更・グラデーションなど 参考：でざいんめーるのサンプル一覧 E-Mail Icon Generator E-mail Sigs GMail・Hotmail・MSN・Yahoo!などに対応 Gmail Signature Generator Gmail用 Handmail 参考 HTMLエンティティ化 メールアドレス画像化以外のスパムメール対策は、エンティティコード（数値文字実体参照）に変換する方法もあります。 追加（2007/3/14） Faviconメール ファビコン＋メルアド
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2007上半期人気エントリーTOP10 | *LOVE IS DESIGN*
画像を切手風にしてくれるジェネレーター