モダンCSSの新機能のブラウザ対応がこれで簡単になる！ Modernizrに代わる新しいスクリプト -SupportsCSS

2023/07/25 26 users Modernizr CSS モダンCSS 進化 ブラウザ

2023年もCSSの新しい機能が続々とリリースされ、進化が早いですね。魅力的な新機能を使用するときに気になるのが、ブラウザのサポートです。 ブラウザがその機能をサポートしているかチェックし、判別するクラスを付与してくれるといえば、Modernizrですが、その更新はストップしています。 そんなModernizrに代わる、モ... 続きを読む

2020年版：CSS Grid Layoutの対応ブラウザやベンダープレフィックスについて解説！ | Web Design Trends

2020/05/26 6 users ベンダープレフィックス Flexbox CSS レイアウト

TOP > Web制作 > 2020年版：CSS Grid Layoutの対応ブラウザやベンダープレフィックスについて解説！ CSS Grid Layoutは、CSSで柔軟にレイアウトを作ることができる便利なレイアウト手法です。 しかし、Flexboxと比べてブラウザ対応が遅れているなど、推奨環境について気になる方も多いのではないでしょうか。 今回は、20... 続きを読む

VR対応アニメ制作ツール『E-mote』 ブラウザ対応や新機能実装 | Mogura VR - 国内外のVR/AR/MR最新情報

2018/01/11 21 users E-mote アニ 有限会社エムツー ふり 実装

VR対応の2Dイラストのキャラクターを立体的に動かす制作ツール『E-mote』。同ツールを手がける有限会社エムツーは、より滑らかなアニメーション表現が可能になる新機能の実装や、同ツールの無料版『えもふり』のアップデート、ブラウザで動かせるHTML5向けWebGLVR対応の2Dイラストのキャラクターを立体的に動かす制作ツール『 E-mote 』。同ツールを手がける有限会社エムツーは、より滑らかなアニ... 続きを読む

ブラウザ対応が簡単に！「modernizr.js」の機能と利用方法 | 株式会社LIG

2014/11/05 123 users 株式会社LIG あだ名 疲労 我々 機能

歌のお姉さん「みんな〜、声が小さいぞ〜？　元気出していこう！」 子ども「さすがの我々でも6テイク目になると疲労が……でも、仕事なので頑張ります！」 こんにちは、最近あだ名が増えるばかりのおじいちゃんと申します。 今回はブラウザ対応で便利な「modernizr.js」を紹介します。 modernizr.jsとは modernizr.jsはJavaScriptのライブラリです。 閲覧者のブラウザがどの... 続きを読む

HTML5で追加されたinput typeのブラウザ対応について検証してみた。 | 株式会社LIG

2013/07/24 140 users input type 株式会社LIG HTML5

search、tel、url、email以外は対応状況が微妙です。 week、colorのみiPhone・Androidに対応していませんでした。 numberはFirefoxは対応していませんが、iPhoneでキー配列が数字になるため、適宜使用したいところです。 フォームの見た目 各typeを対応ブラウザで見た時の見た目の参考です。 今回はMac Chromeのキャプチャですが、各ブラウザによっ... 続きを読む

jQuery 1.9 で変わったところを調べてみる。 | バシャログ。

2013/01/21 221 users バシャログ ベータ版 jQuery 1.9 IE6 ところ

引越しの準備がままならないminamiです。 jQuery1.9 が正式にリリースされました。すでにベータ版として発表されているjQuery 2.0 はIE6/7/8に対応しないことを謳っているため、これらのブラウザ対応をする場合は1.9 を使っていくことになりますね。 jQuery1.9 で変更があった機能を見ていきたいと思います。 どう変わったの？ jQuery 1.9でアップグレードされた機... 続きを読む

F's Garage @fshin2000 ：2012年でのブラウザ対応の選択肢

2012/10/19 27 users F's Garage fshin2000 選択肢

Windows XPを使っているとIE8へのアップデートをガンガン推奨されるのでIE6ユーザーがIE8にしていることが多いと聞く。 僕のVMWareに収まったXPは、何故、未だにIE6なのでなんでそうならないのかわからないのだけど、まぁそれは置いていてIE8を切るということは、つまりXPユーザーを切り捨てるということだよね？ XPユーザーを切り捨てるってのは、僕の感覚だとPCユーザーを切り捨てるに... 続きを読む

HTML5やCSS3のブラウザ対応を調査する「Modernizr 2.6」が登場 | エンタープライズ | マイナビニュース

2012/07/26 17 users エンタープライズ Modernizr かと CSS3 登場

Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser. Modernizr開発チームは19日(米国時間)、Modernizrの最新版「Modernizr 2.6」を公開した。Modernizrは、次世代のWebテクノロジであるHTML5やCSS3の機能が利用できるかど... 続きを読む

IE7～8に対応したHTML5＋CSS3サイトを制作してみよう ～IE7～8のブラウザ対応をするための便利な方法をまとめました～ | HTML5でサイトをつくろう

2012/06/06 609 users IE7 HTML5 ギミック 方法 Flash

HTML5でつくられたサイトというと、Flashのような大掛かりなギミックをHTML5で実現したサイトを連想するかもしれませんが、HTML5＋CSS3でサイト制作をすることは、スマートフォン対応だけでなく、ソースの最適化や軽量化、SEO、将来的なサイトのあり方を考えて、有効な手段となります。 また、CSS3を使用すればページ数の多い企業サイトやブログ、ユーザーの管理画面を必要とするようなサイトを制... 続きを読む

IE9にも対応したCSS3リファレンスサイト「css3files」:phpspot開発日誌

2011/03/23 63 users プロパティ phpspot開発日誌 サンプル IE9 互換性

CSS3 properties exposed | css3files.com IE9にも対応したCSS3リファレンスサイト「css3files」 CSS3のプロパティがカテゴリごとにまとまっており、それぞれのプロパティについて、ブラウザ対応や、使い方、サンプルが見やすく整理されていていい感じす。 先日発表されたIE9にも対応しているので、CSS3を使う場合には覚えておくとよさそうですね。 互換性... 続きを読む

[CSS]画像を使用しないでイメージを作成するスタイルシートのテクニック集 | コリス

2011/03/07 133 users アロー コリス CSS キャラクター テクニック集

コンテンツ生成用に画像をなるべく使用せずに、より多くのブラウザ対応を考慮した、画像を使用しないでイメージを作成するスタイルシートを紹介します。 CSS Generated Content 小さい三角 キャラクター アロー [...] 続きを読む

HTML5でコーディングしたページでjQueryを使うときに気をつけること :: 5509

2010/12/13 526 users jQuery ヘッダ CSS スクリプト HTML

そろそろHTML5でコーディングする機会も増えてきたりするかもしれませんが、どうしてもブラウザ対応はしておきたいもの。jQueryで（※）要素をごにょごにょする際にちょっとはまったので一応書いておきます。 IE8以下での話ですが、IE8以下でHTML5を利用するときはHTML5の要素にCSSが適用されないので、html5.jsのようなスクリプトをヘッダで読み込ませたりすると思います。 <!--[i... 続きを読む