CSS | KRUZ-GRAPHIX
  • 浪士「遺言」

    浪士「遺言」

    MySpaceのフレンド登録している 浪士さんの「遺言」というアルバムのCDジャケットを製作しました(勝手に)。 100%日本語のラップで、日本語ってかっちょえぇ!と感じさせた1枚です。 浪士『遺言』 ガツンときますよ。http://www.myspace.com/4no5no64
  • ArtBlakey & The JazzMessengers

    ArtBlakey & The JazzMessengers

    もうモダンジャズの帝王みたいな人ですよ。「モーニン」や「チュニジアの夜」は絶対聴いたことがあるほどの名曲です。聴かずに死ねるか!
  • SPIIDER

    SPIIDER

    まぁ、アレです。シャレです。だってアメコミ大好きなんで・・・。
  • LasVegas PhotoSlide-show

    LasVegas PhotoSlide-show

    2008/11に行ったラスベガスです。 仕事でいったので超ハードスケジュールでしたが、夜はずーーーーーっとカジノに入り浸ってましたねww また行きたい所のひとつです。 これから行かれる方へアドバイス。昼はメチャクチャ暑い(てか、日差しマジ痛い)、夜は激寒です。寒暖の差がマジぱねぇッス! HOTRODかっちょえぇぇぇぇ!
  • hendrix tribute

    hendrix tribute

    自分にとってまさしく神のごとき存在。大好きなジミー・ヘンドリックスのカバー曲ばっかりを集めたプライベートトリビュートCDのジャケ。 パープルヘイズでへろへろッス

CSS3のグラデーションをIE7.8でも使いたいからIEハックを書くんだ!

Posted 6月 23rd, 2010 in CSS by KRUZ
Google Buzz

CSS3にはグラデーションというすばらしいプロパティがあるんですが、やっぱりIEはCSS3に対応していないのだな。
なので、CSS3のグラデーションをIE7や8にも適応させる為のIEハック。つぅか、IEってなに?頑なにCSS3を実装しない理由がわかんない。

Continue Reading »

IEでもCSS3を対応させたい時の対処法”ie-css3.htc”

Posted 6月 15th, 2010 in CSS by KRUZ
Google Buzz

以前にIEでも角丸と影をCSS3で表現したい!しかも簡単に!という記事を書きましたが、もうちょっとだけ簡単にするスクリプトがdesign-developさんにありましたので紹介。
たった1行追加するだけでOKの超簡単スクリプト。
角丸やシャドーなんかの、比較的良く使いそうな要素に対応しているんで、案件でIE6対応必須の時でも安心して使えそうですね。


Continue Reading »

スライドするフォームでコンバージョン向上!なjQuery

Posted 6月 9th, 2010 in CSS, jQuery by KRUZ
Google Buzz

よくコンバージョンなんて言葉を聞くと思いますが、コンバージョンとは簡単に言うと目標設定のこと。
ECサイトのような商用サイトでは、会員登録や商品購入完了とかの目標のことですが、このコンバージョン率を上げる施策がサイト運営の要といってもいいかもしんない。
そんなコンバージョン率を上げることが出来るかもしれないjQueryライブラリを紹介です。
Continue Reading »

CSS3だけを使って画像を反射させるんだもん。

Posted 6月 8th, 2010 in CSS by KRUZ
Google Buzz

いままで、画像が反射したような表現はjavascriptのライブラリを使っていたと思いますけど、今回はCSS3だけで、画像の反射(リフレクション)を表現する方法を紹介します。
Continue Reading »

CSS3だけでアコーディオンメニューをつくる

Posted 5月 2nd, 2010 in CSS by KRUZ
Google Buzz

アコーディオンメニューというと、jQueryなどのajax(javaScript)を使って実装しますが、今回はCSS3のTransitionを使ってアコーディオンの動きを実現させてみます。
CSSだけで実装できますので、ソース的にも軽量で開発者にとってはリソースも軽減できていい事ずくめッスね。

ニュィーンとのびるメニューをCSSで実装

ニュィーンとのびるメニューをCSSで実装

Continue Reading »

晒すシリーズ。IE6でクラスが読まれない!事件

Posted 4月 13th, 2010 in CSS by KRUZ
Google Buzz

好評かどうか分からんですけど、晒すシリーズ。の2回目です。初心者のかたへ、こんなWEB屋さんになっちゃダメよ。

いつものように、うちの新人くんがコーディングして、各ブラウザでブラウズのデバック作業に入ります。
しかしそこはWEBの世界。そんなに甘くはないのです!案の定、泣きついてきましたね。

「すみませ〜ん。なんかIEで表示がおかしいんですぅ。」と、別に可愛くないが、本人は精一杯甘えた声を出してきてるんですよ。
「あぁ?なんや?おかしいって、どうおかしいんや?んなもんで分かるか!」と心で思いながら、「どれ・・・」と、一応確認する。
Continue Reading »

appleみたいなドロップダウンメニュー【CSS3】

Posted 3月 8th, 2010 in CSS by KRUZ
Google Buzz

WebbappersにMac-like Multi-level Dropdown Menu with CSS3という記事がポストされていましたので、ちょっとだけ紹介します。
簡単に言うと、CSS3を使ってappleみたいなカッチョイイドロップダウンメニューをつくちゃおうぜ!ってことです。
CSS3には、ものすごーーーーく期待しているので、ドンドン広がっていって欲しいですね。

CSS3でドロップダウンメニュー

CSS3でドロップダウンメニュー

Continue Reading »

ちょっと待て!Floatの解除がおかしいぞ!

Posted 3月 3rd, 2010 in CSS by KRUZ
Google Buzz

ウチの新人にページをつくらせた時に、ボクがいった言葉です。
どういった状況かというと、いっちょまえにfloatを使って2カラムのページをコーディングしていたんですね。
心の中で「ほほー」と思っていたんですが、floatの最後にdivが入っている。div? DIV?
ちょっと待て!お前Floatの解除おかしいぞ?」となったわけです。
Continue Reading »