alt属性はいかに決定されるべきか | Takazudo Clipping*
画像を閲覧できないユーザーでも内容を把握できるようにalt属性をつけましょうとは言うが、実際にはどのようにつけたらよいのかが実はかなりわからない。さらに納品前になんじゃこのalt！と突っ込まれる・・・。色々話し合ったりググったりした末にでた自分結論はこんなの。 前提 画像OFFのユーザー・音声ブラウザのユーザーが、画像の代わりにそのaltテキストが表示されても、ページ内容が分かる。但し、100%の情報を伝える必要があるわけでもない。そこに何の画像があるのかが伝わり、ページ内容を把握できる。 画像の中に文字がある場合
浮世絵に学ぶ日本の伝統色と配色 | *LOVE IS DESIGN*
配色の参考になる色のランキングサイト COLOURlovers に、海外の名画のカラーパレットがありました。 Color Inspiration from the Masters of Painting そこで、世界の画家たちにも大きな影響を与えた、日本を代表する「浮世絵」からカラーパレットを作ってみました。 ■三世大谷鬼次の奴絵江戸兵衛（東洲斎写楽） ■鳳凰図屏風（葛飾北斎） ■江戸名所 浅草金龍山（歌川広重） ■ 亀戸梅屋舗（歌川広重） ゴッホが模写したことでも有名な絵 参考：印象派と浮世絵の意外な関係 ■春画（渓斎英泉）【オマケ】 ちょっぴりセクシーな配色？ 浮世絵とは、江戸時代に発達した版画絵で当時人気のあった歌舞伎役者や風景など、その時代の様々な風俗が描かれています。 「役者色」と呼ばれた人気歌舞伎役者が愛用した染物や色は、江戸時代の流行色で、役者の屋号や名前がそのまま色の名前に
CSSデザインカタログ
対応ブラウザは Windows：InternetExplorer6，InternetExplorer7，Firefox2，Opera9 Mac：Firefox2，Opera9，Safari2 ですが，ブラウザによって若干表示が異なる部分もあります。 XHTML 1.0 でマークアップしてあります。 DOCTYPEスイッチによる標準モードに対応しています。InternetExplorer6 でXML宣言をし互換モードになった場合にも対応しています。 Netscape7，Mac InternetExplorer5 では期待通りに表示されないものがいくつかあります。 便宜上，分類コード（div011-hp，table010 など）を class名にしてありますが，実際にお使いの際には適切な class名に変更してください。 すでにお使いのCSSファイルに新たにCSSコードを追加した場合，既存
澳门威尼斯-威尼斯人官网娱乐场
澳门威尼斯是一个不陌生那个的娱乐项目,威尼斯人官网娱乐场提供资讯网站以及其他服务的综合网络游戏服务商,澳门威尼斯拥有的效果比原版已经升级了太多,包括沟通能力、创造性和解决问题的能力以及基本知识等几方面一直保持领先。
覚えておきたい配色のワザと便利なツール :: 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、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
blogdeco.jp
2007上半期人気エントリーTOP10 | *LOVE IS DESIGN*
CSS Coding Guideline
http://www.adamrocker.com/hateco/
◆おいしいWeb配色◆
Flickr Color Selectr
» Cool Workspaces