Laying out fixed pixel ads is a pain. Responsive web design is not fool proof. Such are the ongoing challenges web designers and developers face when building websites. But is there a truly holy grail in building web layouts that adapt and scale appropriately? Yes there is, and its possible through vectors.
How many times have you hit your head on the table when you have performed a CSS Reset and your lists are messed up?
Attempt to use a background image that doesn't span the height or width of the screen fully, and you get one ugly website. The new CSS3 background-size property will allow you to get around this unsightly problem.
Although there is much talk about CSS3 media queries I want to give an example of why one shouldn't look at them to be the silver bullet solution in your web designs.
In this tutorial, we are going to have some fun. We are going to focus on the first-letter selector and along the way pick up a bag of CSS selector tricks.
Here's some CSS code to make your blockquote tags look mighty cool.
Looking to get your data into nice, organized columns? Here's a neat little CSS trick that does just that.
In a previous article I talked about the CSS2 and 3 box model. In that discussion we found a way to eliminate the old CSS box model that excludes the border and padding out of the width. In this tip, I provide a means to visually debug your layout templates.
A look at the CSS 2.1 and CSS 3 box models and how making just one subtle change can make your life easier.
In the final installment to our responsive web design series, we take a look at how to scale objects within our layout.
