CSS3やHTML5の対応状況を判別するクロスブラウザJavaScriptライブラリ「Modernizr」 | hijiriworld Web
Posted on: 2012/04/06 CSS3やHTML5の対応状況を判別するクロスブラウザJavaScriptライブラリ「Modernizr」 HTML5 や CSS3 はバリバリ使っていきたいところですが、ブラウザの対応状況も気になるところです。（実際に非対応なのはIEだけなのでどーでもいいけど） HTML5 や CSS3 を使うということは、古いブラウザを犠牲にする可能性もあります。（実際に非対応なのはIEだけなのでどーでもいいけど） ということで、 CSS3やHTML5の対応状況を判別するクロスブラウザJavaScriptライブラリ Modernizr なにができるのか？ ブラウザの HTML5 や CSS3 などの対応状況を判別し、HTML要素にクラスを付加してくれます。 <html lang="ja"> ↓ <html lang="ja" class=" js flexb
Free HTML5 Templates | Bringing modern web standards to everyone
The Essential Guide To Website InnovationThis comprehensive guide is tailored to elucidate the significance of website innovation, offering insights and strategic considerations to keep your online presence at the forefront of the digital landscape. Dec 15, 2023 Building Your Own Mythology Website - A Step-by-Step GuideIn this comprehensive guide, we'll walk you through the process of building you
50 Free Responsive HTML5 Web Templates
If you need a new website or want to give your current site a modern update, this collection of 50 free responsive web and HTML templates is an excellent place to start. These templates are easy to use and fully customizable, making it simple to create a professional-looking website without breaking the bank. With a responsive design, your website will look great on any device, from desktop comput
Twitter で使われている綺麗な CSS3 ボタンの様なものを実装する CSS のコード
ちょっと綺麗なボタンを実装したいなと思っているのに中々簡単に実装できないことがあると思います。ジェネレーターを使ってもイマイチ作れなかったりする人もいると思います。 以下のコードを貼りつければ一瞬でこのような Twitter みたいなボタンを実装できます。社内ツールとか適当に作ってるサービスなどに組み込んでください。 form input[type=button], form input[type=submit] { color:#fff; text-align: center; background-color: #22AAFF; padding: 5px 10px; border-radius: 5px; /* CSS3 */ cursor: pointer; text-shadow: 0px 0px 2px #39d; background: -webkit-gradient(lin
Demo: Pure CSS speech bubbles – Nicolas Gallagher
By Nicolas Gallagher The demo page for Pure CSS speech bubbles. For a detailed explanation view the CSS file. It is heavily commented. All examples use simple, semantic HTML. No empty elements, no unnecessary extra elements, no JavaScript, no images (apart from that Twitter logo). Have a look at the source code. The basic bubble variants This only needs one HTML element. For example, <p>[text]</p>
CSS3の可能性：Javascriptなしでスライド資料は作れるのか？！
ちょっとした地震でもビルから逃げ出すosuga-hです。 HTML5到来以降、さらにJavascriptが注目されているように思いますが、個人的にはCSS3の方がより便利にバージョンアップを遂げているのではないかと思います。 そこでCSS3の紹介もかねて、Javascriptを使わずにCSS3でどこまで出来るのかやってみました。 これはなに？ ブラウザ上(webkit系のみ)で動くスライド資料です 実装にあたって、Javascriptが一切使われていないことが特徴です。 デモ とりあえずデモをご覧ください。 操作方法はTABを適当に押してもらえればなんとかなると思います。 デモ(webkit系のみ) デモの機能・特徴 TABでスライドを切り替えたり、サムネイルモードに入ったり出来る サムネモードでは赤いバーをクリックするとそこからスライドショーを再開できる Javascriptが一切使
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Demo: Pure CSS GUI icons (experimental) – Nicolas Gallagher
地獄のミサワがCSS3の勉強に最適と話題に
IDEA * IDEA