CSS3だけを使って画像を反射させるんだもん。
いままで、画像が反射したような表現はjavascriptのライブラリを使っていたと思いますけど、今回はCSS3だけで、画像の反射（リフレクション）を表現する方法を紹介します。
Continue Reading »
CSS3だけでアコーディオンメニューをつくる
アコーディオンメニューというと、jQueryなどのajax(javaScript)を使って実装しますが、今回はCSS3のTransitionを使ってアコーディオンの動きを実現させてみます。
CSSだけで実装できますので、ソース的にも軽量で開発者にとってはリソースも軽減できていい事ずくめッスね。
ニュィーンとのびるメニューをCSSで実装
晒すシリーズ。IE6でクラスが読まれない！事件
好評かどうか分からんですけど、晒すシリーズ。の２回目です。初心者のかたへ、こんなWEB屋さんになっちゃダメよ。
いつものように、うちの新人くんがコーディングして、各ブラウザでブラウズのデバック作業に入ります。
しかしそこはWEBの世界。そんなに甘くはないのです！案の定、泣きついてきましたね。
「すみませ〜ん。なんかIEで表示がおかしいんですぅ。」と、別に可愛くないが、本人は精一杯甘えた声を出してきてるんですよ。
「あぁ？なんや？おかしいって、どうおかしいんや？んなもんで分かるか！」と心で思いながら、「どれ・・・」と、一応確認する。
Continue Reading »
HTML5でつくるWEBサイトのチュートリアル
HTML5をいち早く習得しておきたい。そんな方はどうぞ！
モダンでクリーンな WordPress テーマ 「Flexi」
モダンスタイルは非常にクリーンなフリーのWordpressのテーマflexi。
このテーマは、ソーシャルメディアのアイコンとか、広告スペースを簡単に表示されるようになっています。
全体的なデザインはややシンプルで、クリーンなコードで書かれています。ダークグレーとブラックがメインカラーですので、CSSレベルで簡単に好みのカラーに変更できるのもいいですね。
appleみたいなドロップダウンメニュー【CSS3】
WebbappersにMac-like Multi-level Dropdown Menu with CSS3という記事がポストされていましたので、ちょっとだけ紹介します。
簡単に言うと、CSS3を使ってappleみたいなカッチョイイドロップダウンメニューをつくちゃおうぜ！ってことです。
CSS3には、ものすごーーーーく期待しているので、ドンドン広がっていって欲しいですね。
CSS3でドロップダウンメニュー
ちょっと待て！Floatの解除がおかしいぞ！
ウチの新人にページをつくらせた時に、ボクがいった言葉です。
どういった状況かというと、いっちょまえにfloatを使って２カラムのページをコーディングしていたんですね。
心の中で「ほほー」と思っていたんですが、floatの最後にdivが入っている。div？ DIV?
「ちょっと待て！お前Floatの解除おかしいぞ？」となったわけです。
Continue Reading »
IEでもCSS3の擬似セレクタを適応させてみよう
前回の記事で「IEでも透過pngやmin_heightとかモダンブラウザみたいにやってみよう」を書きましたが、
今回は、もう少し突っ込んでIEでもCSS3の擬似セレクタを適応させるjavascriptライブラリの「
ie-css3.js (v0.9.4b)」を紹介。
Continue Reading »