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

    浪士「遺言」

    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のジャケ。 パープルヘイズでへろへろッス

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

Posted 3月 8th, 2010 in CSS by KRUZ

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

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

IEでもCSS3の擬似セレクタを適応させてみよう

Posted 3月 3rd, 2010 in CSS, javascript by KRUZ

前回の記事で「IEでも透過pngやmin_heightとかモダンブラウザみたいにやってみよう」を書きましたが、
今回は、もう少し突っ込んでIEでもCSS3の擬似セレクタを適応させるjavascriptライブラリの「
ie-css3.js (v0.9.4b)」を紹介。
Continue Reading »

CSS3の-transitionでボックスを拡大回転させてみる。ただし、safari・chrome専用

Posted 3月 2nd, 2010 in CSS by KRUZ

CSS3のtransitionを使って、面白いことをやってみます。
ちょっと説明が難しいのですが、ちょっとしたサブメニューやクリックしてもらいたいボックス要素があるとします。
何気なくオンマウスしたときに、ボックス要素が拡大回転しながら背景色が変わっていくテクニックで、ちょっとしたサプライズ的に使えます。
残念なのはfirefox3.5では動作しませんでしたが、将来的に対応するみたいです。IEは当然ダメダメです。

cssで拡大回転させる
Continue Reading »

メチャめちゃクールなCSSで書かれた時計

Posted 3月 1st, 2010 in CSS by KRUZ

PHPSPOT開発日誌さんに「CSSのrotationを使った時計「CSS Clock」」という記事がポストされました。
これがなんとも!メチャめちゃかっちょいい!このまま壁にかけてもクール!な時計です。
プロダクトとしても秀逸。これがCSSだなんて・・・なんてすてきな未来なんでしょう・・。

css clock
Continue Reading »

HTML5で作られたシンプルなWEBテンプレート

Posted 2月 26th, 2010 in Web-Design by KRUZ

HTML5を勉強しておきたい!そんな方のため非常にシンプルなテンプレートがありましたので紹介します。
このテンプレートはシングルカラムで、header・aside・section・footerだけの非常にシンプルな構成となっています。
さらにCSS3のradiusで角丸も実現しています。
このシンプルなテンプレートで、いち早くHTML5+CSS3を手に入れておきましょう。
Continue Reading »

IEでも角丸と影をCSS3で表現したい!しかも簡単に!

Posted 2月 26th, 2010 in CSS by KRUZ

CSS3で角丸とかドロップシャドウなどの表現がラクチンになったんですが、
プロの現場ではそうでもなかったりします。
IEはCSS3をほとんど(まったく?)受け付けません。もうね、意地になっているんじゃないか?と思うほど。
そんなIEに角丸とドロップシャドウを適応させるCSSテクニックを紹介します。
IE8でも角丸・ドロップシャドウをCSS3で実現
Continue Reading »

CSS3で角丸と影の表現。【css3 preview】

Posted 2月 18th, 2010 in CSS by KRUZ

前回のポスト「HTML5+CSS3で作られたテンプレート」でも、ちらっと紹介しましたが、Kruz-GraphixでもCSSで角丸を表現しています。
今回はCSS3で角丸とボックスの影の表現の説明します。
まぁ、ググれば(google)いくらでも出てきますがねww。
Continue Reading »