CSS3のtransitionを使って、面白いことをやってみます。
ちょっと説明が難しいのですが、ちょっとしたサブメニューやクリックしてもらいたいボックス要素があるとします。
何気なくオンマウスしたときに、ボックス要素が拡大回転しながら背景色が変わっていくテクニックで、ちょっとしたサプライズ的に使えます。
残念なのはfirefox3.5では動作しませんでしたが、将来的に対応するみたいです。IEは当然ダメダメです。
PHPSPOT開発日誌さんに「CSSのrotationを使った時計「CSS Clock」」という記事がポストされました。
これがなんとも！メチャめちゃかっちょいい！このまま壁にかけてもクール！な時計です。
プロダクトとしても秀逸。これがCSSだなんて・・・なんてすてきな未来なんでしょう・・。
HTML5を勉強しておきたい！そんな方のため非常にシンプルなテンプレートがありましたので紹介します。
このテンプレートはシングルカラムで、header・aside・section・footerだけの非常にシンプルな構成となっています。
さらにCSS3のradiusで角丸も実現しています。
このシンプルなテンプレートで、いち早くHTML5+CSS3を手に入れておきましょう。
Continue Reading »
CSS3で角丸とかドロップシャドウなどの表現がラクチンになったんですが、
プロの現場ではそうでもなかったりします。
IEはCSS3をほとんど（まったく？）受け付けません。もうね、意地になっているんじゃないか？と思うほど。
そんなIEに角丸とドロップシャドウを適応させるCSSテクニックを紹介します。
Continue Reading »
前回のポスト「HTML5+CSS3で作られたテンプレート」でも、ちらっと紹介しましたが、Kruz-GraphixでもCSSで角丸を表現しています。
今回はCSS3で角丸とボックスの影の表現の説明します。
まぁ、ググれば（google）いくらでも出てきますがねww。
Continue Reading »
HTML5やCSS3だけでコーディングされたWEBサイトテンプレートが、tutorialzineにありましたので紹介。
うー。今からやっとかないと、覚えられそうに無いな。。。
Continue Reading »
リンクボタンのホバー時に、ボタンイメージを切り替えるのはCSSでできますが、どうしてもパチッと切り替わります。
んで、Flashみたいにホワッっと切り替えれたらカッチョイイので、jQueryで実現しちゃいましょう。という記事が、tutrial9にありましたので紹介。
Continue Reading »
カテゴリー別にデザインを替えたいときのwordpressハック。
ハックというほどのもんでもないのですが、備忘録的にポストします。
Continue Reading »
