CSSとSVGで曇りガラスのような効果を作る
2011年の9月に「CSSとSVG filterでガラスっぽい効果をつける」というのを書きましたが、これはFirefoxのみを対象としたものでした。 そこで今回はできるだけ多くのブラウザに対応したものを作ってみます。 完成品Frosted glass effect with CSS & SVG 背景画像にはWetFoto.comによる#246 Wetlook with Beautiful Brunette in Leggings and Jacket. Girl in black jacket, white wetlook leggings and skirt in boots, get wet fully clothed in the sea.を使用しています（リンク先はFlickrです）。 この画像はCC BY-NC-SA 2.0でライセンスされています。 背景画像にはBeryl Ch
IE8以下にHTML5をどうやって表示させるかの諸々 | ハナモゲラボ / 試行錯誤の実験人生
先日、いよいよというべきかHTML5での指定案件がありました。 Google ChromeやFirefox、Safariなどのいわゆるモダンブラウザは HTML5+CSS3への対応も早くてあまり支障もないのですが IE8ですらHTML5のタグが認識できない、というのは困りもの。 未だに使用されている事の多い、WindowsXPに至っては事実上IE8が最終バージョン。 となると、WindowsXPの人はごめんね！って事になってしまうのである。 そこで見つけたのがこのブログでした。 HTML5 & CSS3のクロスブラウザー対応方法まとめ （http://mae.chab.in/archives/1463） ここにはとてもわかりやすくまとめてありました。 まずはIE8以下にHTML5の新要素を認識させる articleやaside,sectionなどの新要素をIE8以下に認識させるためには G
CSS3で画像を一切使わずに美しいナビを作ってみた！（IE対策もしてみた） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回はCSS3のみで１pxのラインまでデザインされたナビゲーションを作ってみました。 □demo □サンプル.zip 参考までに・・・こちらがPhotoshopで制作したナビゲーションです。（画像使用） 次にこちらが今回CSS３のみで作成したナビゲーションです。（画像不使用 Win7 Firefox12.0でキャプチャ） どうでしょう？さほど違いはないんじゃないでしょうか？ HTML <ul id="menu"> <li class="first active"><a href="#">デザイナー</a></li> <li><a href="#">プログラマー</a></li> <li><a href="#">社長ブログ</a></li> <li class="last"><a href="#">お空</a></li> </ul> HTMLソースはわずかこれだけ！ 本当はクラス名の「fir
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://webourgeon.com/2012/12/17/twenty-twelve-child-and-wp-enqueue-style/
HTML5 & CSS3のクロスブラウザー対応方法まとめ
IDEA * IDEA
