Tag: CSS

Sticky Hovers, Part 1: @media Queries

Let’s take a trip back in time to 1998. May 12th, 1998, to be exact. It was a simpler time — the Lewinsky scandal was dominating American politics, Michael Jordan and the Chicago Bulls were on their way to a second three-peat in basketball, and Billboard’s #1 song was about getting… “excited” when grinding with your girl on the dance floor:

1. “You’re makin’ it hard for me…” ಠ_ಠ #

May 12th was also the day that the CSS2 specification became a recommendation. In addition to adding support for features like media types, relative/absolute positioning and minimum/maximum widths and heights, CSS2 introduced the :hover pseudo-class to the others carried over from CSS1. Continue reading “Sticky Hovers, Part 1: @media Queries”

Adopting CSS Tricks-Style Menus, Hipsterized

One of the things I often see sites struggle with is having consistent, coherent menus across devices and orientations. Our site is no different, so it’s something I keep in mind when working on this redesign. Many variables go into making a good menu, and I’ve found that there is no good one-size-fits-all – you need to look at what you need and build accordingly. Continue reading “Adopting CSS Tricks-Style Menus, Hipsterized”

100% vs 100vw, or: Why Viewport Units Are Not a Panacea

For this hashtag-Throwback-Thursday, I’d like to bring up a time a month or so ago where I ran into a very unusual (and annoying) CSS issue. However, it changed how I designed my sites from now on… and made me a little more skeptical of the vw unit, and viewport units in general. Continue reading “100% vs 100vw, or: Why Viewport Units Are Not a Panacea”

em, rem, px or %: The font-size Dilemma

I’m just gonna throw the question out there: What is the right font-size to use for body text on a website?

Well, that is a really good question!

I’d been wrestling with that recently when trying to pick a good one for the 20-30 site. Googling the answer brings up the above sites and more, which presents a problem — many of them are stale. A couple of results were from last year, but still others were from 2012, 2011, 2010 and earlier. Hell, the first page even included this page from W3C originally written in 2003 and last updated in 2010, encouraging webmasters to use CSS instead of the <font> tag! Continue reading “em, rem, px or %: The font-size Dilemma”