タグ

ブックマーク / jmblog.jp (4)

  • jmblog.jp - Web2.0っぽいグラデーションのコツ

    そろそろ「Web2.0的デザイン」という言い回しが恥ずかしくなってきましたが、それはそれでおいといて。グラデーションは今っぽいデザイン(ちょっと言い方を変えてみた)では外せない要素と言えるかと思いますが、プロのデザイナーの方はさておき、素人が挑戦すると、色の選択に失敗してイマイチ・・・なんてことになりがちです。 » A Gradient Tutorial » 9rules Network Official Blog こちらのサイトでは、グラデーションを作る際のポイントが説明されています。 さて、どれが一番きれいでしょう?1 は彩度(鮮やかさ)が足りません。上のサイトでは「a classic problem」と紹介されています。2 はマシですが、ちょっと素人臭さを感じます。まぁ好みは人それぞれだと思いますが、やっぱり 3 が一番きれいだと思います。 ちなみに僕は、次のようにしてグラデーション

    mrnoon
    mrnoon 2007/04/11
    そろそろ「Web2.0的デザイン」という言い回しが恥ずかしくなってきましたが、それはそれでおいといて。グラデーションは今っぽいデザイン(ちょっと言い方を変えてみた)では外せない要
  • jmblog.jp - Excelで見た目のいいドキュメントを作成するコツ

    仕事上、Excel を使ってドキュメントを作成する機会が非常に多いのですが、内容はもちろんのこと、見栄えにもできるだけ気を使うようにしています。やはり見た目がいいドキュメントは、それだけで印象がよくなるものだと思います。そこで、私がいつも実践している、「見た目のいいドキュメントを作成するコツ」のようなものを紹介してみたいと思います。(ちなみに Excel のバージョンは2000および2002です。) Verdana に統一 ポイントは、実にシンプル。「英数字のフォントを Verdana に統一する」ことです。 デフォルトでは標準フォントが「MS Pゴシック」になっているかと思いますが、英数字がかなり微妙。一方、Verdana はモニタで美しく見えるようにデザインされており、フォントサイズが小さくても見やすいので、非常に気に入っているフォントの一つです。(このブログでも Verdana を使

    mrnoon
    mrnoon 2007/04/11
    仕事上、Excel を使ってドキュメントを作成する機会が非常に多いのですが、内容はもちろんのこと、見栄えにもできるだけ気を使うようにしています。やはり見た目がいいドキュメントは、
  • jmblog.jp - ソースコードを表示させるのに使うべきHTMLタグは?

    ソースコードをWebページで表示させるために、どんなHTMLを書いてますか?私はこれまで、<pre>…</pre> を使っていました。<code>…</code> というタグは知っていましたが、これだと半角スペースや改行がうまく反映されていない、という理由で使っていなかったのです。 が、Web標準の教科書というを読んで、目からうろこが落ちました。 (pre要素の解説で) pre要素は、code要素と組み合わせてスクリプト言語やプログラミング言語のソースコードを示すのに使うのが一般的である。 (code要素、var要素、samp要素、kbd要素の解説で) コンピュータに特有のテキストを定義するには、次の4つの要素を使用する。 (略) これらはインライン要素であり、インライン要素やテキストを含むことができる。 そうだったのかー!code要素はインライン要素なので、半角スペースや改行が反映

    mrnoon
    mrnoon 2006/08/18
    pre要素の中にcode要素を含ませて書くのが正しいようです
  • jmblog.jp - IEでa要素以外に:hover擬似クラスを適用させる

    IE6以下では、:hover擬似クラスが <a> 以外では適用されません。が、この問題の解決策が紹介されているサイトを発見しました。 » WEBFACTORY ::: BLOG: IEでhoverをa以外に効かせる » Hackadelic: csshoverを使ったWeb StandardなCSSコーディング それぞれで紹介されているとおり、Whatever:hover で配布している csshover.htc というスクリプトを使えば、IEでもいろんな要素に:hoverを適用させることが出来ます。(ダウンロードの場所がちょっとわかりづらいですが、Changes のなかにあります。) 使い方は、css で以下のように書くだけ。

    mrnoon
    mrnoon 2006/08/18
    これで、IEでも hover し放題です。素晴らしい!
  • 1