IEの古いバージョンをサポートしつつ、モダンブラウザ用のサイトを制作する時の20のアドバイス
Microsoft公式のIEのデベロッパサイト「modern.IE」から、古いブラウザをサポートしつつモダンブラウザ用のサイトを制作する時に役立つアドバイスをクロスブラウザの観点や、HTML, CSS, JavaScriptの実装時ごとに紹介します。 20 tips for building modern sites while supporting old versions of IE 下記は、各ポイントを意訳したものです。 クロスブラウザ HTML CSS JavaScript クロスブラウザ ウェブサイトはすべてのブラウザで同じように見える必要はありません。 例えば、最新のブラウザではよりリッチなUIを提供し、古いブラウザではソリッドに機能させます。 開発をシンプルにするために、堅実なテンプレートを利用しましょう。 動作が安定しているスタンダードにフォーカスを合わせて制作する。 スタ
スマートフォンでiframeが伸びる件の対策 - ambergrisの日記
Andoroid携帯でもiPhoneでも、 iframeが中身の分だけ高さとかoverflow:hiddenとか全無視して伸びるので iframe下のコンテンツに被ってるということが判明。 こことか http://javascript-memo2.seesaa.net/article/200710596.html ここを参考に http://ameblo.jp/bofb/entry-10631465099.html １．<head>～</head>の間に↓を追加して、 <script> (function(){ var _UA = navigator.userAgent; if (_UA.indexOf('iPhone') > -1 || _UA.indexOf('iPod') > -1) { document.write('<link rel="stylesheet" href="css
iframe on iPad Safari
iPadのSafariではiframeのoverfrowが効かない iPadやiPhoneのSafariではスクロールバーが出ない。これはタッチUIの為なんだろうけど、問題が発生。 注：この記事はiPadで見ないと判り辛いかと思います。 Div要素の場合 Div要素でwidthやheightを設定して内容量がはみ出てた場合、overflow:auto;できちんと二本指でスクロール出来る。（overflow:hidden;だとスクロール出来ない） Div overflow:auto;の場合 あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお。 あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお。 あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえ
スマホで重要｜ページ表示速度を高速化させる17の方法（HTML/CSS篇）
SEO対策にとってもページ読み込み速度は重要な要素になります。単に画像を圧縮するだけでは十分な施策と言えません。ここではレスポンシブデザインを導入するときに併せて採用したい幾つかの手法を紹介します。 【目次】 HTTPリクエストを最小限に抑える 読み込み順を変える HTMLをスリム化する 外部ファイルを圧縮する DNSルックアップを減らす HTMLの構造を簡素化する。 エラーを無くす おわりに 1.HTTPリクエストを最小限に抑える 応答時間の80％はページ内のすべてのコンポーネントをダウンロードする時間に費やされます。特にHTMLファイル読み込み後の複数の画像の要求・応答に多くの時間を費やされます。 要求する画像の数：ファイル数を減らすだけでも速度アップに繋がります。 複数のファイルを１つにする。 ・小さいが多くあるアイコン類の画像を1枚にして、CSSスプライトで表示させる。 アイコンの
IEでバグを発生させないために気をつけること - ADWAYS Labot Engineers' Blog
こんにちは、高橋です。最近IEへの対応をすることが多くなってきているので、今回はIE8以下のバージョンで気をつけるべきことをまとめてみます。 配列でindexOfを使えないIE8では配列に対してindexOfを使うことができないようで、エラーになってしまいます。 var arr = ["a", "b", "c"]; console.log(arr.indexOf("b")); -> 1 Chrome Developer Toolsで試すと配列の1番目に引数の"b"と一致するので、1が返ります。 これがIEで動かないのでこのように予め関数定義しておく必要があります。 if(!Array.indexOf) { Array.prototype.indexOf = function(o) { for(var i in this) { if(this[i] == o) { return i; } }
モバイルを含む各ブラウザのHTML5やCSS3などの対応状況を確認できる「When Can I use…」 | webox blog
HTML5やCSS3の対応状況を調べるには「findmebyip」がよく使われますが、こちらではCSS3のベンダープレフィックスの有無やiOS・Androidについてまでは調べられないようです。 そこで更に詳しく調べられるサービスを見つけたのでご紹介します。 When Can I use… HTMl5、CSS3、SVG、JS APIなどの対応状況を、主要ブラウザおよびiOS Safari、Androidブラウザ、Opera Mini/Mobileの3バージョン前から最新のテストバージョンまで確認できます。 また、CSS3であればベンダープレフィックスの有無も表示されます。 When Can I Use… 簡単な利用方法 CSSの対応状況を調べる ページ上部のIndexタブから下の方のAll CSS features 各CSSプロパティの対応状況が表示されます。 ベンダープレフィックス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.hp-stylelink.com/news/2013/10/20131001.php
re-dzine.net situs togel online toto 2023 -