Six CSS Layout Features To Look Forward To

By Divya Manian | December 15th, 2011 | smashingmagazine.com :: A few concerns keep bobbing up now and then for Web developers, one of which relates to how to lay out a given design. Developers have made numerous attempts to do so with existing solutions. Several articles have been written on finding the holy grail of CSS layouts, but to date, not a single solution works without major caveats. At the W3Conf, I gave a talk on how the CSS Working Group is attempting to [read more]

 
How to Apply CSS3 Transformations to Background Images

By Craig Buckler | October 27, 2011 | sitepoint.com :: Scaling, skewing and rotating any element is possible with the CSS3 transform property. It’s supported in all modern browsers (with vendor prefixes) and degrades gracefully, e.g. #myelement { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } Great stuff. However, this rotates the whole element — it’s content, border and background image. What if you only want to rotate the background image? Or what if you want the background to remain fixed while [read more]

 

Lea Verou | CSS3 Secrets: 10 things you might not know about CSS3 | Fronteers 2011 from Fronteers on Vimeo. Transcript Lea Verou: [0:05] Hello, everyone. Thank you for being here today. This talk is a bit different from other talks you might be used to. It doesn’t have a topic. Sure, it’s about CSS3, but it’s not about a specific CSS3 feature, and it’s not a general introduction. It’s for people who have done some work with CSS3 already and just wanted to learn [read more]

 
What’s new in CSS3 Values and Units?

by David Storey | about.me/dstorey :: In CSS3 the values and units we can use in CSS properties are defined in the appropriately named CSS Values and Units specification, with the exception those relating to colour and images, and the pre-defined keywords specific to individual properties. This spec gives us one new CSS wide keyword to play with (the initial keyword), five new relative units for lengths, five new functional notations, and various new types and units to support new CSS3 modules such as Grid [read more]