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