posts tagged: iOS

Safari bug: text suddenly appears bold after css animation completes (antialiasing change)

Safari bug: text suddenly appears bold after css animation completes (antialiasing change)

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  ⇨

how-to: website icons for all browsers/devices (favicon, apple-touch-icon, etc.)

how-to: website icons for all browsers/devices (favicon, apple-touch-icon, etc.)

the favicon.ico

works in Firefox, IE, Safari, Chrome (and others). also works in Windows when dragging a shortcut to the desktop.

at the minimum create an 8-bit 16×16 .ico format icon file
name the file favicon.ico and put it in the root of your website
add this code between the <head> and </head> tags of your html:
<link rel=”shortcut icon” …continue reading  ⇨