{"id":9820,"date":"2012-04-16T19:16:15","date_gmt":"2012-04-16T23:16:15","guid":{"rendered":"http:\/\/www.andysowards.com\/blog\/?p=9820"},"modified":"2012-04-17T10:45:01","modified_gmt":"2012-04-17T14:45:01","slug":"best-so-far-css3-tutorials-inspirations-resources-of-2012","status":"publish","type":"post","link":"https:\/\/www.andysowards.com\/blog\/2012\/best-so-far-css3-tutorials-inspirations-resources-of-2012\/","title":{"rendered":"Best (so far) CSS3 Tutorials, Inspirations & Resources of 2012"},"content":{"rendered":"

Cascading Style Sheets. We meet again. Reading about CSS on the wikipedia<\/a> is pretty interesting, if you have no idea what CSS is – or if you have known about it for a while. It has been around for 15 YEARS already. CSS is a style sheet language used for describing the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including plain XML, SVG and XUL. <\/p>\n

In comes CSS3 – Like A Sir. With its fancy features, looks, animations and effects. This is what the wiki has to say about CSS3<\/p>\n

\nUnlike CSS 2, which is a large single specification defining various features, CSS 3 is divided into several separate documents called “modules”. Each module adds new capabilities or extends features defined in CSS 2, over preserving backward compatibility. Work on CSS level 3 started around the time of publication of the original CSS 2 recommendation. The earliest CSS 3 drafts were published in June 1999.<\/p>\n

Due to the modularization, different modules have different stability and statuses. As of November 2011, there are over fifty CSS modules published from the CSS Working Group. Three of them\u2015Selectors Level 3, Namespaces and Color\u2015 became W3C Recommendations in 2011.<\/p>\n

Some modules (including Backgrounds and Borders, Media Queries, and Multi-column Layout among others) have Candidate Recommendation (CR) status and are considered moderately stable. At CR stage, implementations are advised to drop vendor prefixes.\n<\/p><\/blockquote>\n

I hope that these resources help you on your journey of mastering CSS – If you don’t love CSS, you probably will after this, and if you do love CSS – then this will just make you happy in the pants area, like it does to me :). Thanks and Enjoy!<\/p>\n

LESS CSS Tutorial: Designing A Slick Menu Navigation Bar<\/a><\/h2>\n

\"\"<\/a><\/p>\n

If you have been living under the proverbial rock then you probably have never heard of LESS CSS. It is pretty ingenious and clever – even if it hasn’t really gone that “mainstream” yet – it will definitely catch your attention. LESS, is a programmable stylesheet language that extends the way we write CSS syntax by combining some programming concepts like Variables, Mixins, Functions and Operations. Definitely one to checkout<\/p>\n

Speed Up with CSS3 Gradients<\/a><\/h2>\n

\"\"<\/a><\/p>\n

Most Modern Browsers (Safari 4+, Chrome 1+, Firefox 3.6+, and Opera 11.10+) are all now supporting CSS3 gradients. Finally this wide browser support makes using them for progressive enhancement all the more appealing. Also, CSS3 gradients fall into the camp where you can specify fallbacks (i.e. images) so that browsers that don’t support them just use the image instead. This is a very worthwhile read to get up to date in your Gradient usage.<\/p>\n

23 Interesting HTML5 and CSS3 Websites<\/a><\/h2>\n

\"\"<\/a><\/p>\n

What is all the knowledge worth if you aren’t inspired to use it? Checkout these awesome HTML5 and CSS3 sites to see what is possible with your newfound skillz brah :).<\/p>\n

Video | Dan Cederholm | The CSS3 Experience<\/a><\/h2>\n

Great keynote on CSS3. This talk will really hit home with you and help you to truly understand all the resources gathered here. Dan definitely knows what he is talking about as he is the founder of SimpleBits, a tiny design studio, and co-founder of Dribbble, a (little) design community (that you’ve probably heard of).<\/p>\n