posts tagged: website

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  ⇨

devbutton.com re-styled (and shoutouts to: HTML5 BoilerPlate, Font Awesome & PHPStorm)

devbutton.com re-styled (and shoutouts to: HTML5 BoilerPlate, Font Awesome & PHPStorm)

i did a quick re-style of my consulting site (http://devbutton.com) yesterday.

it’s just a simple “business card” site. funny how making something for yourself never seems to be a priority. one-day i’ll update it with a project case study or something relevant. fortunately 99% of my consulting work comes from referrals, so the site serves only …

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  ⇨