サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは本日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。
jQuery版の開発は終了しました。 新版をご利用下さい(IE9のみ対応)。 asamuzaK.jp : IE9で(ついでにIE7、IE8でも)text-shadowを、jQueryプラグインっぽく移植してみた。 すでにjQueryを利用している人はこちらの方がいいかもしれないが、中途半端な移植しかしてないのでそうともいいきれないw 効能とスクリプトソース セレクタ判別部分をjQuery(Sizzle)に丸投げしたので、これまでのスクリプトにあった制限事項の多くが解消されている。 具体的には… 「複数クラス(.classA.classB)」に対応 「(一部の)疑似要素/クラス(:pseudo)」に対応 「(一部の)E[attr]」に対応 「E > F > G」「E F + G」など、多階層なセレクタの組み合わせに対応 …など。 現時点ではスタンドアローン版でも「複数クラス」「E:pseud
textShadowForIE9、スクリーンリーダーなどアクセシビリティ面への配慮を加えた新版に書き直して再度公開です。 テストケース 以前に公開していたtextShadowForMSIEなどを利用している方はこの新版に差し替えていただけますよう強くお願い申し上げる次第です。 使用方法 CSSファイルからtext-shadowの値を自動的に読み込んで適用させていますので基本的に以下の設定をするだけでOKです。 また、手動で個別指定できるようにもしています。(後述) ソースをコピーしてJavaScriptファイル(textshadow.jsなど)を作成し、HTMLから外部JavaScriptとして読み込む。 または、既存のJavaScriptファイルにソースをコピペして追加。 以前のスクリプトからの主な変更点 スクリーンリーダーでダブって読み上げられないよう、影にはWAI-ARIAのaria
角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成&コード生成をしてくれる「CSS3 ジェネレーター」まとめ!! html5-css3-orange-logos / Nelson Felix Giga どうも!おつぱ( @OZPA )です! 今回は、角丸やドロップシャドウ、グラデーションに2D/3Dアニメーションなど、CSS3に対応したスタイルを簡単に作成、さらにコードを生成してくれる「CSS3 ジェネレーター」を厳選して8つご紹介! ウオアアアアアアアア さて、CSS3対応ブラウザも増え、角丸、ドロップシャドウ、グラデーションにWebフォント、はたまた2D/3Dのトランスフォーム(回転/拡大縮小/移動)やアニメーションなどなど…リッチなUIがコードのみで表現できるようになりました。 関連:[CSS]GoodDesign賞にノミネートされて落選するこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く