タグ別アーカイブ: tips

:link、:visited、:hover、:active の記述順序とその覚え方

スタイルシートでa要素のリンクのデザインをする際に、次のように4つの擬似クラスを用いることが多いと思います。

a:link { color: blue; }
a:visited { color: purple; }
a:hover { color: red; }
a:active { color: yellow; }

実はこの4つの擬似クラスの記述順序には注意が必要で、上記のように link、visited、hover、active の順番で記述しないと意図した結果にならなかったりします。この順序についてちょっと調べてみたので、まとめてみたいと思います。

続きを読む

TinyURLのリンク先を取得するAPI

Twitter 用に TinyURL のリダイレクト先URLを取得する Greasemonkey スクリプトを作ったんですが、すでに同じものを作っておられる方がいたので、公開はこっそりと行うこととして、このエントリでは、このGreasemonkey スクリプトを作るときに見つけた、TinyURL のリンク先を取得する API をご紹介。

続きを読む

Excelで見た目のいいドキュメントを作成するコツ

仕事上、Excel を使ってドキュメントを作成する機会が非常に多いのですが、内容はもちろんのこと、見栄えにもできるだけ気を使うようにしています。やはり見た目がいいドキュメントは、それだけで印象がよくなるものだと思います。そこで、私がいつも実践している、「見た目のいいドキュメントを作成するコツ」のようなものを紹介してみたいと思います。(ちなみに Excel のバージョンは2000および2002です。)

続きを読む

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

そろそろ「Web2.0的デザイン」という言い回しが恥ずかしくなってきましたが、それはそれでおいといて。グラデーションは今っぽいデザイン(ちょっと言い方を変えてみた)では外せない要素と言えるかと思いますが、プロのデザイナーの方はさておき、素人が挑戦すると、色の選択に失敗してイマイチ・・・なんてことになりがちです。

続きを読む