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

これだけは知ってほしいウェブデザインの常識を読んで。 リンク先の記事は、ロサンゼルスで働くウェブデザイナーでおなじみの河内さんが「最低限これだけは発注前にクライアントの方々に認識しておいてほしいウェブデザインの常識」をまとめています。こちらの記事のような、苦い思い出のある方もいらっしゃるのではないでしょうか。 Webサイトの仕上がりのよしあしは、Web制作者とクライアントとのコミュニケーション次第といっても過言ではないと思います。 そこで、制作現場で起こりそうなケースごとに「最低限これだけはWeb制作側がしておきたいこと」をリストアップしてみました。お互い「こんなはずじゃなかった」とならないために、生意気を言うようですが、Web制作の「プロ」として何ができるのか、今回はそんなこと考えてみたいと思います。 最低限これだけはWeb制作側がしておきたいこと ケース1：思い描くイメージのギャップ

MarkupDancing » ウェブ業界の肩書きあれこれ わたしの肩書きは「Web デザイナー」です。（べにぢょみたいに“無駄にエロい”仕事はじめました！て言いたいけど）職業を聞かれてそう答えると、世間の人たちからは「Web デザイナーって何？」みたいな顔をされたり「パソコンに詳しい人」なんて言われたりします。Web デザイナーに対する一般的なイメージってどんなものなんでしょうか。たしかにパソコンも使いますが修理はできませんっ＞＜ この業界に片足突っ込んだばかりでえらそうなことは言えませんが、わからない「今」だからこそ、わたしが目指すWebデザイナー像を書き留めておこうと思います。 Webデザイナーはアーティストではない 趣味の延長や自己満足の作品作りではない 説明できるデザイン・配色ができること その色や形にした理由や裏付けがあるか 自分の苦手なテイストや配色にもチャレンジすること ビ

この記事へのトラックバック ウェブデザインにも、「黄金比」「白銀比」 Excerpt: 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design :: 黄金比や白銀比の縦横比や色々なバナーサイズの紹介。 美しいモノは��... Weblog: 日々、ウェブデザインとネットニュースとゲームとか。 Tracked: 2008-04-25 23:55 バランスのよい若草？ Excerpt: 縦横比……。 ずっと以前から、 タテとヨコの比率によって、美しく見える割合が研究されてきました。 覚えておくと便利なバランスのよい縦横比とバナーサイズ Love & Design 白銀比、.. Weblog: ウェブライター流転記（改訂版） Tracked: 2008-05-12 21:44 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & De

第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい　動的な⇔静的な　情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色（黄⇔青 赤⇔緑）の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。（色相対比）

Web デザインを考えるとき、色彩のイメージはとても大切です。配色のヒントは Web 上だけではありませんが、配色に悩んだときに便利な、色で選べる Web デザインギャラリーをまとめてみました。 イメージに合った色の選び方や、レイアウトもとても参考になります。

Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 色の3つの要素 配色を行う前に、色に関する基礎知識をおさらい。色は「色相・彩度・明度」の3つの要素によって成り立っています。明度だけの性質を持つ無彩色に対し、有彩色は色相、彩度、明度の3つの性質を持っています。これを「色の3属性」と呼びます。 色相（しきそう：Hue） 色相とは、赤・橙・黄・緑・青・紫などの色みのこと。 （色相はつながりあって色相環という輪になります。） 彩度（さいど：Saturation：Chroma） 色の鮮やかさ、強弱の度合いのこと。 彩度が高い（鮮やか）⇔彩度が低い（鈍い） 明度（めいど：Value：Brightness） 色の明るさの度合いのこ

サイトの内容に沿った商品を自動的に選択してくれる「Amazon おまかせリンク」に表示される商品がぜんぜん内容に合わないよう……とお嘆きの方いませんか。 このブログでも記事の下とカテゴリーページに導入しているんですが、しばらく経ってもぜんぜん内容にマッチした商品が表示されないので外そうかと思っていたらいい方法があったんですね。 別に特別なテクニックでもないんですけど、リンク作成画面の下にある【詳細設定】で「デザイン・CSS」など表示させたい任意のキーワードを登録するだけです。（今日はじめて気が付いた） 【詳細設定】でできること 除外キーワードの設定 除外対象にしたいキーワードを5つまで指定できます。 優先キーワードの設定 優先したいキーワード（単語、またはフレーズ）を5つまで指定できます。 商品カテゴリーの指定 表示させる商品を書籍だけにすることも可能です。 ついに ホップ本 も出たっ！

白、黒、グレーのように色みを持たない色のことを「無彩色」と言います。 （むさい色じゃないよ！） 「無彩色」はどんな色ともマッチする反面、使い方によっては地味で無機質な印象になりがちですが、上手に使うとシックでスタイリッシュな雰囲気になります。今回は、色使いの基本として「無彩色」の使い方を紹介したいと思います。 色には大きく分けて「有彩色」と「無彩色」の2種類あります。有彩色は「色相、明度、彩度」の3つの性質があるのに対し、無彩色は「明度」*だけの性質を持っています。 *明度（めいど：value） 色の明るさの度合いのこと。 最も明度の高い色が白、最も明度の低い色が黒です。 Webデザインに「無彩色」はかかせない存在 背景など部分的に使う グラデーションをつける 明度差をつけて強調する 光と影をつけて立体感を出す どんな色ともケンカをしない「無彩色」は、使う場所を選ばない万能な色。 Webデ