Fun with CSS3+ (Even Though it’s not finalized)

CSS3 animations & less layout headaches are pretty slick, but I’m not going to bother supporting MS browser quirks. I’ll wait for them to catch up. The person it matters to only cares about iPad compatibility (He uses Win7, but only FireFox). Mozilla browsers benefit from being closer to standards compliant though and the CSS property names are almost identical to webkit and the proposed standard. I’ll pop up the standard “Upgrade your browser to a web standards compliant one” with links to FF, Safari, Chrome, etc. considering Opera & others.

IE isn’t even on my radar anyway because no one I know uses it, and every time I have encountered it in the last year is when someone uses it to download one of the other browsers. I see more MacBooks and MacBook Pros and iPad at various coffee shops now than Windows Notebooks or Netbooks. It is clear that the tide has turned, but the business sector hasn’t realized it yet. About 5 years ago, after I got my 3rd Mac Laptop, I started working at coffee shops because I can get more done than anywhere else. (No one wants to interrupt the guy in black with headphones on furiously pounding away at the keyboard faster than they can and is always waiting for his computer to catch up to him.

Odd that none of CSS3 is finalized yet. It works great when it works though. I do wish there were better ways to see precedence of style definitions without uploading and without counting element, class and id priorities. Luckily Safari’s Develop Menu is extremely helpful at tracking down the ordering.

I just wish Coda, my Web Development program of choice, was updated with things like code folding, CSS3 compatibility and AJAX help.

I’ve found a ton of useful links in learning the newer (but still not finalized) CSS3, but the most helpful documentation is the actual W3C Working Drafts because they go into the “why” you want to do things this way and considerations others have noted in red which is pretty interesting. However, when it comes to drop down menus and the like I’ve have found very few guides that explain the syntax and reasoning while explaining the techniques.

I am really looking forward to CSS3’s grid module, but the box module is no slouch either, and using it is disgustingly easy. It works the way I wish bock elements did. If the browser makers all decided to support this stuff fully, post-haste, we could see web sites require a lot less time to do UI design and refaces.

I had more, but it is worthy of its own post…

Advertisements

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s