Writing Clean CSS3 Code
September 1st, 2010 — 13 Comments
One of the main problems with writing CSS3 code are the vendor prefixes. These are the -moz- or -webkit- you see before properties such as border-radius or text-shadow. They’re a necessary evil at worst and you’ll have to use them to get the most out of what CSS3 currently has to offer.
So what’s the problem? I’m very much a fan of the single line approach to writing CSS as seen below. It allows elements to sit under each other nicely, making them easier to find. Good commenting also helps.
Use of CSS3 Goodness for GMail on the iPad
August 19th, 2010 — No Comments
An interesting note when writing translations in CSS3 for the iPad:
Read more...… it seems that 2D translations are not hardware-accelerated. But, since any 2D translation is equivalent to a corresponding 3D translation with the same translations in the x and y and no translation in the z axis, it is easy to use a hardware accelerated
translate3d(x, y, 0)transform instead of a non-hardware acceleratedtranslate(x, y)transform.
Browser Prefixes aren't as Evil as you Think
July 7th, 2010 — Comments Off
Eric Meyer’s excellent thoughts on why browser prefixes are not as bad as some people make them out to be and I completely agree.
Read more...So the next time you find yourself grumbling about declaring the same thing four times, once for each browser, remember that the pain is temporary. It’s a little like a vaccine—the shot hurts now, true, but it’s really not that bad in comparison to the disease it prevents. And in this case, you’re being vaccinated against a bad case of multi-year parser hacking and browser sniffing. We suffered through that long plague once already. Prefixes will, if used properly, ward off another outbreak for a long time to come.
Simulate Realism with CSS3
February 16th, 2010 — 35 Comments
CSS3 is here to make our lives easier as web designers and developers. While it’s not something we can always rely on heavily for layout purposes just yet, we can use it to enhance certain aspects of our designs by spending a considerably less amount of time doing so.
However, CSS3 has not been created for the sole purpose of making it easier and quicker to create a website but also so we can create much better sites than we ever could with CSS before. Here are a few examples of how CSS3 can improve the web.
Read more...Tools and Resources to Improve your Typography on the Web
February 4th, 2010 — 13 Comments
Typography on the web has previously been confined to a set of web-safe fonts due to their dependance of being on every computer but now that has changed. It’s one of the most satisfying and rewarding aspects of web design when you get it right but can also be one of the most difficult to do so. Here are some tools, resources and free fonts to help you on your quest for quality typography.
Read more...
Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3
January 25th, 2010 — 51 Comments
HTML5 is the future of web development but believe it or not you can start using it today. HTML5 is much more considerate to semantics and accessibility as we don’t have to throw meaningless div’s everywhere. It introduces meaningful tags for common elements such as navigations and footers which makes much more sense and are more natural.
This is a run through of the basics of HTML5 and CSS3 while still paying attention to older browsers. Before we start, make note of the answer to this question. Do websites need to look exactly the same in every browser?
View Demo | Download Files (.zip)
Some of the Top Minds in the World of CSS and why you should be following their Work
December 14th, 2009 — 22 Comments
When I started learning CSS, I did some research to find out who were the best people at the time sharing their knowledge online. I found that this was the best way of learning CSS by myself. Of course, I wasn’t learning CSS by myself, I recruited the best teachers available.
Still to this day I follow the top CSS’ers in the business to keep up with what’s hot and now with the rise of Twitter, you can easily keep up to date with the best people in the world of CSS.
Read more...