はてなブックマーク - もうCSSハックは必要なし!? ブラウザ毎にCSSを切り替える「cssuseragent」

もうCSSハックは必要なし!? ブラウザ毎にCSSを切り替える「cssuseragent」 | Web活メモ帳

blog.verygoodtown.com

タグ : css Javascript web制作 CSSハック Webデザイン HTML ブラウザ IE web js

コンピュータ・IT 754 users

CSSでページをデザインする際に、ブラウザ毎のレイアウトの違いって本当に嫌ですよね。 CSSハックで対応する方も多いかと思いますが、本日紹介する「cssuseragent」を使うとclassの作り方を少し工夫するだけでより柔軟に対応できるようになります。詳しくは以下設定方法はJavaScriptを一つ読み込むだけになります。 <script src="cssua.min.js" type="text/javascript"></script> このライブラリを使うと、ページのhtml属性に動的にcla... > このページを見る

最終更新時間: 2011年01月05日12時24分

▼ブログで紹介する

みんなのブックマーク人気（0）新着

weekendshuffle
ハックを使わない[CSS][hack] 2011/02/24
Ray110
これは便利なjs 2011/02/09
jetta_swingin *JavaScript
user-agentでブラウザを判断し、html要素にブラウザ毎のclass名を埋めこむjsライブラリ。ブラウザ毎にCSSを切り替えたい場合に便利そう。 2011/02/04
valinst HTML, CSS
IE6で見た場合には毒々しい色に変えて二度と来てもらわないようにするのに使えそう。 2011/01/23
kiyo560808 css, HTML, web制作, Javascript
UAを元にJSで動的にクラスを生成してくれるので、そのクラス用のCSSを書いておけば、CSSハックする必要はなくなる。 2011/01/17
takigawa401 Javascript, CSS
ブラウザを判別してCSSを自動で切り替えるJavaScriptライブラリ。モバイルにも対応。 2011/01/16
HirO_Koizumi Web_Coding, Memo_forWork, Memo_forMyself
これ気になる。後でチェック 2011/01/16
maji-KY html, デザイン, javascript
html5でのCSSで-webkitとか-mozillaとかをJSで対応 2011/01/15
miya2000
コメントより「HTML5ではない従来の(X)HTMLで、html要素にclass属性を与えるとHTMLがinvalidになることです。」/js off だと使えないし記述量も減らないのがなんとも。 2011/01/10
LukeSilvia css, javascript
アクセス元のUA の名前を元に動的にclass 属性を追加(class="ua-ie-6") ⇒ それ用のCSS を書いておくことで、UA 別にCSS を適応。iphone にも対応 2011/01/09
takecy2321 javascript, webデザイン, css
クロスブラウザ 2011/01/09
o_hiroyuki css, Javascript, tips
javascriptでブラウザ毎に読み込むcssを切り替える 2011/01/08
abiruy
CSSハックの方が簡単で読み込みも早いと思うんだけど。 2011/01/08
hidehish
見てる: 2011/01/07
rin1024 css, design
ほう 2011/01/07
enmango
ブラウザごとにCSSを切り替えるのってPHPしかないかと思ってたけど（その仕組みすら良く分かってなかったけど）これは使えるのでは！ 2011/01/07