Category Archives: HTML/CSS

TwitterBirdを設置

電線にTwitterBirdが止まっているイメージでタイトルバナー右横に設置しました。いかがでしょう? このアイコンをクリックすると、私のTwitterページへ移動するというものです。 さて、私のウェブログでは Word [...]

Also posted in WordPress | Tagged , , | 2 Comments

CSS3でリスト要素のタイミングを取ってみる

-webkit-transition プロパティでいろいろ遊んでいる今日この頃。タイミングシリーズが続いてます。 一つ前のエントリーで『ばび』さんから「マウスカーソルでさーっとなぞると」とアドバイスをいただいて文字色を変 [...]

Also posted in Web | Tagged , | Leave a comment

CSS3でリンク要素のタイミングを取ってみる

HTMLの肝であるハイパーリンク。文章中にある場合はアンダーラインを入れたり、色を変えたりして目立たせるようにしていると思います。ハイパーリンクにカーソルを近づけると色を変えたりと方法はいろいろ。このウェブログでもハイパ [...]

Also posted in Web | Tagged , , | 2 Comments

HTML5に本腰を入れてみる

先のWWDC2009で話題になっていたHTML5を本気になって調べてみた。でも、2011年勧告はあり得ないらしいので、ちょっと力が抜けた。まだ、草案の状態なのでどれが正しくてどれが間違っているのかがわからない。あのアップ [...]

Also posted in Web | Tagged , , , , | Leave a comment

CSS3でバックグラウンドイメージをスライド

ある要素をマウスオーバーすると背景画像が変わる手法。ボタンなどでよく見かける視覚効果ですね。これに -webkit-transition プロパティでタイミングをとってやると面白い動きをするので、何かに利用できないかなぁ [...]

Posted in HTML/CSS | Tagged , , | Leave a comment