HTML5 によるアプリケーションのビルド - 取り残されるブラウザーをなくす: HTML5 の導入戦略
このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。 取り残されるブラウザーをなくす: HTML5 の導入戦略 Brandon Satrom コード サンプルのダウンロード HTML5 は魅力にあふれています。新しいマークアップ、CSS 機能、および JavaScript API を利用すれば、Web での可能性が飛躍的に高まります。ブラウザー ベンダーの中で着実に先手を打つことができるだけでなく、魅力的な機能を毎日のように増やしていくことができます。夜を徹して行ってきたビルドから、開発チャネル リリースを経て、通常のプラットフォーム プレビューに至るまで、ブラウザーの開発は迅速に進んできており、世界中の Web 開発者がこのわくわくする活動に参加しています。
絶対に使いたい、modernizr 2.0
最近では、すっかりCSS3を利用する人には定着した「modernizr」当初は、CSS3の対応状況をチェックするツールと誤解をしていた人も多くいました。しかし、このツールは、CSS3やHTML5のサポート状況をclass名としてhtml要素に反映し、そのclass名を利用して「プログレッシブ・エンハンスメント」を適用するJavaScriptです。 html 要素に CSS3のサポートされているか？されていないか？で別々の class名を記述します。 例えばブラウザが「multiple background」を サポートしている場合 <html class="multiplebgs"> </html> サポートしていない場合 <html class="no-multiplebgs"> </html> CSSの記述 .multiplebgs div p { /* properties for
ブラウザのCSS3、HTML5絡みの対応が一発で分かるようにできるライブラリ「Modernizr」:phpspot開発日誌
ブラウザのCSS3、HTML5絡みの対応が一発で分かるようにできるライブラリ「Modernizr」 2009年07月07日- Modernizr ブラウザのCSS3、HTML5絡みの対応が一発で分かるようにできるライブラリ「Modernizr」 ライブラリを使って、Canvas、opacity、Multiple backgrounds といったCSS3やHTML5の機能に対応しているかを簡単に調べることが出来るようです。 Google Ghrome の場合で対応を明示 Firefox 3 の場合で対応を明示 JavaScript では、次のように使えるようです。 if (Modernizr.cssgradients) { alert('対応'); } else { alert('未対応'); } cssgradients の他には以下のようなプロパティが利用可能。 Modernizr.ca
Progressive Enhancementについて考える - ぺーぺーエンジニアのおぼえがき
Graceful DegradationからProgressive Enhancementへ Graceful Degradationとは要は、クロスブラウザというコンセプト。 どのようなブラウザであっても同じ様に見せるという考えて方で日本では今まで主流だった。 このような考え方では、どうしても下層の仕様(IE6とか)にデザイン等をあわせる必要がある。 しかし、webのような進化の早い分野で、新旧入り乱れる業界ではいつまでたっても最新の技術をユーザに提供できなくなる そこで登場したのが、Progressive Enhancementというコンセプト Progressive Enhancementとは 「情報やサービスへのアクセシビリティを確保しつつ、ブラウザやデバイスの特徴を活かしたデザインや技術を実装する」という考え方。 つまり、html5,CSS3など先行して実装させれた新機能を利用で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
