Posts Tagged ‘Layouts’
We are pleased to present below all posts tagged with ‘Layouts’.
Six CSS Layout Features To Look Forward To
- December 15th, 2011
- 40 Comments
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 ...
Read more...CSS3 Flexible Box Layout Explained
- September 19th, 2011
- 26 Comments
The flexible box layout module — or “flexbox,” to use its popular nickname — is an interesting part of the W3C Working Draft. The flexbox specification is still a draft and subject to change, so keep your eyes on the W3C, but it is part of a new arsenal of properties that will revolutionize ...
Read more...The Semantic Grid System: Page Layout For Tomorrow
- August 23rd, 2011
- 160 Comments
CSS grid frameworks can make your life easier, but they’re not without their faults. Fortunately, modern techniques offer a new approach to constructing page layouts. But before getting to the solution, we must first understand the three seemingly insurmountable flaws currently plaguing CSS grids. The biggest complaint I’ve heard from purists ...
Read more...Equal Height Column Layouts with Borders and Negative Margins in CSS
- November 8th, 2010
- 117 Comments
“What? Another “Equal Height Columns” article? Enough already!” If this is what you think, then think again because this solution is different. It does not rely on any of the usual tricks. It does not use images, nor extra markup, nor CSS3, nor pseudo-classes, nor Javascript, nor absolute positioning. ...
Read more...CSS3 Design Contest Results
- July 12th, 2010
- 81 Comments
To get you really excited about CSS3, last month we announced the CSS3 Design Contest and encouraged designers to experiment and get creative with CSS3. As expected, we have received many creative and original submissions. To choose the winners of the contest, we considered the originality of the technique or ...
Read more...Modern CSS Layouts, Part 2: The Essential Techniques
- May 6th, 2010
- 47 Comments
In Modern CSS Layouts, Part 1: The Essential Characteristics, you learned that modern, CSS-based web sites should be progressively enhanced, adaptive to diverse users, modular, efficient and typographically rich. Now that you know what characterizes a modern CSS web site, how do you build one? Here are dozens of essential ...
Read more...50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms)
- February 18th, 2010
- 68 Comments
Although CSS is generally considered a simple and straightforward language, sometimes it requires creativity, skill and a bit of experimentation. The good news is that designers and developers worldwide often face similar problems and choose to share their insights and workarounds with the wider community. This is where we come in. ...
Read more...Modern CSS Layouts: The Essential Characteristics
- October 26th, 2009
- 66 Comments
Now is an exciting time to be creating CSS layouts. After years of what felt like the same old techniques for the same old browsers, we’re finally seeing browsers implement CSS 3, HTML 5 and other technologies that give us cool new tools and tricks for our designs. But all of ...
Read more...Coding An HTML 5 Layout From Scratch
- August 4th, 2009
- 202 Comments
HTML5 and CSS3 have just arrived (kinda), and with them a whole new battle for the ‘best markup’ trophy has begun. Truth to be told, all these technologies are mere tools waiting for a skilled developer to work on the right project. As developers we shouldn’t get into pointless discussions ...
Read more...
