If you haven't read Part 1, you can read CSS3/Best Practices Part 1.
Time has slipped by amidst the hustle and bustle of daily life at Quick Left, but finally part 2 of the CSS3/Best Practices has arrived! Rejoice! It only took a month and a half. Let's get to business, I've got clients to think about here!
Let's talk about the conversations you should be having with your clients and bosses (oh those pesky ne'er-do-futures!) about using CSS3 on your next site. How should you approach it?
So limiting your need for fancy animations by using transitions and keyframes (plugging css3please.com again, copy paste!), you can achieve some amazing results: google 'CSS3 Hover Effects'. This translates to lower initial cost to develop sites.
Reduced development/maintenance time
Increase page performance
The ability to use real text instead of images increases screen readers ability to translate page content for their disabled user using @font-face with licensed fonts for the Web. Search engine spiders can also parse the text much faster, better indexing your content for potential search results. Google has started including page load time a ranking factor, as well. This leads directly into our last point.
Enhance search engine placement
This one is the real winner for the clients/bosses, it drives home the ROI of switching over your Flash/JS/Image heavy to CSS3 alternatives (with some exceptions). If search engines can parse your content easily and you have quick page load times, you have increased your site's potential for showing higher in the search engine results pages. This increases traffic to your site if you're on the first page and thereby increases potential for your site's purpose gaining traction.
In general, the tradeoff we're attempting to minimize is between over-the-wire bits vs. rendering time and client CPU cycles. Specifically on mobile, this isn't always an obvious tradeoff to make because the hardware isn't very powerful compared to desktop browsers (but the networks are also slow). As always, keep your audience in mind!
If all else fails, refer to the "if its on the Internet it must be true" and link 'em to: dowebsitesneedtolookexactlythesameineverybrowser.com/. Now get to inspiring us with your clever CSS3 manipulations and quick loading, easy to maintain sites!