Responsive Web Above The Fold
A guest post by Arley McBlain on using media queries to adjust for available vertical space.
The vast majority of websites out there use a grid. They may not explicitly have a grid system in place, but if they have a “main content area” floated to the left a “sidebar” floated to the right, it’s a …
I recently used this selector as an example in a blog post:
.article #comments ul > li > a.button {
/* Crazy town */
}
There was a few comments to the effect that this seemed perfectly reasonable. I …
Where are we at right now in terms of the best markup for using icon fonts? Let’s cover some options I think are currently the best.…
display: none;
. This involves some tricks like using more clever class names, being fancier with how you deal with JavaScript library animations, or avoiding hiding all together. :before
and :after
pseudo elements to create this effect without using images. I was recently putting together some CSS for columns. There was a few pre-determined widths that the columns needed to accommodate. For whatever reason (maybe because every grid framework in the world is this way) my mind went right to …