Safari has an anti-aliasing issue that’s been around for a LONG time and it seems everyone is content to use an ugly workaround.
i’m just finishing up a site that makes use of the nice Wow.js & Animate.css combo. while doing final cross-browser checks i noticed Safari giving an abrupt change in text style as the fade-in finished.
see the video demo below …
continue reading ⇨
software , design & style | September 16, 2014
tagged: apple , howto , html , mac , programming , software , web , fix , how-to , video , iOS , website , Windows , Chrome , Safari , pixel , web site , sample , sample code , example , CSS , ugly , youtube , Mac OS X , OS X , OS X Mavericks , OS X 10.9 , Mavericks , Google Chrome , Apple Safari , Safari bug , Safari rendering bug , Safari text bug , Safari anti-aliasing bug , Safari antialiasing bug , Safari issue , Safari problem , WebKit , WebCore , Blink , Google Blink , WebKit WebCore , CSS animations , animate , animated text , fade , fade in , fading text , CSS transition , transition , transitions , animations , CSS 3 , -webkit-backface-visibility , -webkit-font-smoothing: antialiased , antialiased , subpixel , subpixel rendering , -webkit-font-smoothing , -webkit-backface-visibility: hidden , workaround , HTML 5 , demo , CSS fix , CSS hack , CSS workaround , jagged , jagged text , thin , too thin , thin font , bold , bold font , bold text , web fonts , WOFF , TrueType , ClearType , grid , font smoothing , Wow.js , Animate.css , work-around , default , sub-pixel rendering , fallback , sudden , suddenly , abrupt , bold appearance , subpixel-antialiased , -webkit-font-smoothing: subpixel-antialiased , PC , 2009 bug , Apple vs Microsoft , readable , readability , unreadable , sudden change , abrupt change , fading in , wow.js animation , styles , selector , declaration , CSS rule , CSS selector , HTML tag , Chrome browser , Safari browser , Firefox Browser , Safari 7 , Safari 6 , Apple Safari 7 , GPU accelerated , GPU acceleration , hardware GPU accelerated , hardware GPU acceleration , programmer , dev , developer , web developer , www , html5 , software development