Layouts have always been somewhat a challenge for a certain cross-section of developers – positioning, floats, and various browser nuances have never made it an easy job.
But HTML5, CSS3, and modern browsers are bringing us some significantly better options.
Through the use of new tags and CSS properties, we can actually be much more explicit in how we layout our pages:
[cc lang=”css”]
section {
display: box;
}
section p#first {
box-flex: 3;
}
section p#second {
box-flex: 2;
}
[/cc]
Neat, right?
But there’s a catch – the specification isn’t done so there’s no guarantee that this is going to be available once it’s finalized.
The authors over at Web Monkey have a more in-depth write up and a great video that goes into more detail about how we’re likely to begin laying out our pages as the web progresses.
Speak your mind...