CSS-Tricks Design (v9)

[joshuanhibbert]

@chriscoyier Would you mind giving us some background on why you are using fixed font sizing instead of ems/rems?

[corey]

@sl1dr: because no one has a problem resizing px based fonts anymore except for IE6 (and 7?) I’m pretty sure.

Chris, in the article h3‘s, why did you use a gradient for the border on the left instead of just using border-left?

[joshuanhibbert]

@corey Browsers support zooming but what if I only want to enlarge the text?

Also, with ems/rems you can increase font size on large screens very easily using media queries (change html: font-size; and it cascades down).

[TheDoc]

@sl1dr – users have an option to select to zoom a whole page or text only within their browsers. I have been pretty pro-pixel for a while and now that I can (in 99% of cases) completely write off IE6, I see no reason to not go back to using them.

I know where you’re coming from though, I think it’s a designer preference. I like having very specific control over how fonts are displayed on websites that I make.

[joshuanhibbert]

@TheDoc Learn something new everyday! Couldn’t find it in Chrome 12 though, where should I be looking?

I also use pixels mainly (I was playing devil’s advocate), but have been thinking about increasing the font-size for screens larger than 1440px wide (or there about) using media queries. Using ems makes this task much easier (if you understand the math) as you can simply change the percentage font-size set on the root and voilà; cascade magic.

Pretty excited about rems too, then you have the same flexibility without have to worry about the tricky math as it is always relative to the root.

[jamygolden]

@chriscoyier https://css-tricks.com/video-sitemap/ I’m not sure if that’s due to the new design, but it doesn’t seem to be working.

[asta]

Great changes, Chris! I like the color palette and these gradient rollovers in the sidebar look nice :)

[Jelmer]

Hey Chris,

You talked about the H&FJ web font service, which I didn’t know about, and I went over to their website to check it out but I can’t find anything about it. They have very nice fonts so I would like to find out more, could you tell us more about it?

Also, I like your redesign. Cool how you made those square sponsor images in the sidebar decrease in size when decreasing of the browser window width. I feel like the header image could use some colour though, like the rest of the colourful stuff on your frontpage.

Cheers!

[iarensbak]

My favorite one so far… Much better than the last! You always seem to inspire Chris! Thank you!

[Arkitekt]

My favorite design in some time… I really like all the things that are working/happening here.

[azzcat]

LOVE the new design!

I spent 30 mins yesterday trying to figure out your animations. I did not know you could put transitions on media queries. That’s soooo cool!

[alexbass]

Gotta admit, the fluid “browser window size sensitive” thing on the whole website is awesome! Like seriously…. it’s got to be one of the best features of this site. Love it!!!!

[TheDoc]

@sl1dr – interesting, it looks like Chrome has taken that option out.

[Meulendreez]

He Chris,

You’re back! I love the new design. Its great. My all time favorite was v6, but this one might kick it off the throne!

Grtz

[seb_z_lite]

at first I didnt like it because It s not like it used to be.. and then I realized that like most of us you’re an artist and when you have an idea and visualize it , it’s not only to show off but because you really think it would fit. It s your vision. Imagine going to an art exhibit and telling the artist that she should put more red in her “shadows of heart” painting! That would be stupid. Same here. Unless CSS-tricks is supposed to be a collective site . I guess that s what it is and I m full of it. Have a good day…

[Author]

Posts