CSS+XHTMLの最近のブログ記事

CSS3って、スゴイですねー。驚きました。

backgroundプロパティって、CSS2にも出てくるので、「これは分るわー」という感じで、ついついCSS3のは飛ばし読みしてしまいますが、CSS3のbackgroundにurl()関数を複数指定できる真実[謎]を知り、驚きながらこの記事を書いています。

表題通り、CSS3のコードを自動生成してくれるオンラインサービスCSS3.0 Maker | CSS3.0 Generatorの紹介です。

ここ最近、HTML5でマークアップすることが多くなってきましたが、分からないことが多いです。特にHTML5の新要素のマークアップの仕方は、何度もマークアップして覚えていかなければなりません。

なので、自分なりに覚えたHTML5の新要素(新要素だけではありませんが・・・)のマークアップの備忘録として記述します。

ol要素のli要素以外の要素、例えばdl要素にも通し番号は付けれないのかなーと、思い調べてみましたが、どうやらその方法があるようですね。

CSS-Tricksの3D Text Towerというエントリーで記載されているソースコードを参考に試しました。

CSS3のtext-shadowプロパティを使えばテキストに3Dっぽいデザインもできます!

まだまだ草案段階ではありますが、HTML5を徐々に活用しつつある昨今ですが[本当に?]、HTML5を勉強兼ねて、HTML5の要素をざぁーと見たいことがあるかと思います。(多分...)

そんな時に役立つサイトを紹介します。 HTML 5 Tutorialの紹介です。

普段、全くもって気にもしなかったのですが、ある時に、FirefoxとSafari、またまたOperaで表示が異なることに気づきました。

davidwalsh.nameより、CSS3のみで実現できるアニメーション効果のあるホバーエフェクトの紹介です。

デモページはコチラから

2010年7月3日の時点で、はてなブックマークの数が267となっているため、ご存知の方も多いと思いますが、HTML5の新要素のひとつであります「Canvas要素」のWebページ化されたCheat Sheetを紹介します。

HTML5 Canvas Cheat Sheet
http://simon.html5.org/dump/html5-canvas-cheat-sheet.html

大分、浸透して、多くのWebサイトでも仕様されているReset CSSですが、ちょっと前に、 Carrer web logのCSS Mini Resetという記事を読みました。

RSS feed

  • 購読する
  • RSD登録
  • RSS登録

webページ

タグクラウド

Powered by Movable Type 4.1
twitterフォロー

スポンサー広告

bookストア

Mozilla Firefox ブラウザ無料ダウンロード