position: absolute;

選択されているタグ : Web

タグを絞り込む : event

フロントエンド開発者であれば知っておくべきモバイル/デスクトップブラウザのバグやトリック20

斉藤さん(@cssradar)が紹介していた20 Mobile/Desktop Browser bugs and tricks any Senior Frontend Web Developer should knowがおさらい的に参考になったので各項目の表題だけ訳しておきました。ほとんど邦訳するということがないのでおかしい部分などありましたらご指摘頂けると幸いです。

各内容の詳細については訳していません。本文とサンプルのソースを見れば大体わかると思います。

また、Gistにも置いています。

20 Mobile/Desktop Browser bugs and tricks any Senior Frontend Web Developer should know

フロントエンド開発者であれば知っておくべきモバイル/デスクトップブラウザのバグやトリック20

  1. Link outlines / highlights are misaligned on the Kindle Fire
    リンクのアウトライン/ハイライトがKindleFireでずれる
  2. Semantic clearfix without using "clear: both" in another element
    他の要素に"clear: both"を使わないclearfix
  3. Extremely low performance with the Picturefill polyfill
    Picturefill polyfillは非常にパフォーマンスが悪い
  4. 'Multiple Class' CSS selector bug in Internet Explorer 6
    複数ClassのCSSセレクターはIE6でバグる
  5. 'ID + Class' CSS selector bug in Internet Explorer 6
    IDとClassの組み合わせのセレクターはIE6でバグる
  6. Box model problems in IE 5.x and 6
    IE5.xとIE6のボックスモデルの問題
  7. FOUC (Flash of Unstyled Content) in Internet Explorer 6
    IE6のFOUC(一瞬スタイルが表示されていない状態が表示される)
  8. Making IE 5.x ignore a particular CSS Rule
    IE5.xは特定のCSSルールを無視する
  9. Flashing text when using CSS3 Keyframe Animations and translations in the Z axis
    Z軸の存在するCSS3のCSS3 Keyframe Animations や translationsでテキストが点滅する
  10. Transparent PNGs in IE 6
    IE6での透過PNG
  11. Removing outlines / highlights on links in mobile browsers
    モバイルブラウザでアウトラインやハイライトをとりのぞく
  12. Orientation change zooming bug in iOS
    iOSで回転時にズームの拡大率が変わる
  13. Stack overflow / Memory problems on IE 7 when using Respond.js v1.1.1 or lower
    IE7でRespond.jsのバージョンv1.1.1以下を利用するとメモリ上の問題が発生する
  14. WebKit ignores the background colour / image of an element when printing the document
    WebKitは印刷するときに背景色/背景画像の指定を無視する
  15. Disable the dialogs that show up when you tap on an item for too long on mobile browsers
    長タップでせり上がってくるダイアログを無効にする
  16. Customising a page added to the Home Screen in iOS
    iOSでの「ホーム画面に追加」のカスタマイズ
  17. Custom attributes on iOS (Auto Capitalisation, Auto Correct, Auto Complete, Auto Save)
    iOSのカスタム属性(自動計算、オートコレクト、オートセーブ)
  18. Remove the dotted outline of select boxes in Firefox
    Firefoxの点線のアウトラインを除去する
  19. IE7 is not showing PNGs at all
    IE7が全くPNG画像を表示しない
  20. When you change the opacity values, PNG images 'break' on IE6 / IE7
    IE6/IE7ではopacityの値を変更するときにPNG画像が壊れる