[B! CSS3] coquericoのブックマーク

CSS3 Playground

Version 1.4. Made by Mike Plate @mikeplate Source code on GitHub User interface made with Dojo Reference of CSS3 capabilites from Where can I use and QuirksMode Icons from Farm-Fresh Web Icons Font stacks selected from A Way Back Clipboard copying with Zero Clipboard No copyright. Use everything in any way you like. Use this web application to experiment and learn about new css3 capabilities. The

coquerico 2010/08/19

リンク

CSS3のtransformやbox-shadowを主要ブラウザ全てに対応させるjsライブラリ・cssSandpaper

これ系はいくつかありますので1つの選択肢として、という感じですね。css3のtransf ormや box-shadowをクロスブラウザ対応させるjsライブラリですが、特徴はプロパティを1行で統一させる事が出来る点です。 css3のtransf orm︵変形︶、box-shadow︵影︶、gradient︵グラデーション︶ですが、gradientは不完全でした。しかしながらこのスクリプトを応用してアニメーションさせることも出来るようです。各ブラウザで実装したものを比較していました。IEに限らず、主要ブラウザ全てをサポートしています。また、何より独自のプロパティを使うのですが、これが1行で済むので場合によってはなかなか楽では無いかと。左がChrome、右がIE6です。テキストのドラッグも普通に出来ますね。例・transf orm cssSandpaperを使用した際のtransfor

coquerico 2010/07/15

リンク

たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE

IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドなどを使えるようにするbehaviorスクリプトを紹介します。

coquerico 2010/07/15

リンク

CSSグラデーションのちょっとしたテクニック #2

前回のエントリのような応用するための基本というものではなく、CSSグラデーションはこういう使い方もできるよ的なもので3つ。普通のグラデーションの作り方はcss gradients in Firefox 3.6とかで。#3はない。以下プレビュー画像のリンク先がデモ・ページになっているのでそちらも参照のこと。もちろん対応ブラウザのFirefox 3.6とSafari 4やChrome4以降でないと動作デモは確認できない。 Vista風のテカってるボタンありがちだけど作れたらなかなか便利そうなので挑戦してみたら、意外に簡単だった。実はdoubleなborderが重要で、これが無いとちょっと間抜けな感じになる。コード的には難しいことはなく、上半分にrgb(138, 138, 138)からrgb(102, 102, 102)、下半分にrgb(36, 36, 36)からrgb(0, 0, 0)と

coquerico 2009/12/21

リンク

はてなブックマーク

タグ

関連タグで絞り込む (6)

CSS3に関するcoquericoのブックマーク (4)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス