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