Full height sidebar

@Paulie_D Elements behave like tables, so therefore, they adopt box-sizing: border-box; behaviour. That's certainly not an issue though. Also, the vertical-align property deals with any vertical alignment problems.

Full height sidebar

The best way to handle this if you don't need IE7 support is to use the display: table-cell; technique: http://codepen.io/joshnh/pen/30abf3d2b51db6a5281aac454ddc9fcd

A discussion about !important

You can do anything you like with your code when working alone. Although, if you ever wanted to work as part of a team, you might want to learn to write team-friendly code. See this Quora answer for my thoughts on !important: http://www.quora.com/C…

Rate my site redesign (WIP)

@KeithPickering It is just a terrible way to scan content, as your eyes have no natural path to follow. Unfortunately, despite the fact that it might look 'pretty', it is terrible UX, and therefore, not a good design choice. Also, why doe…

Rate my site redesign (WIP)

Lose the Masonry.js layout, it's not doing you any favours.

"magic numbers" in CSS

To answer your question, generally a magic number is a specific value designed to fix a problem. In the case of offsetting an element, that may be more of a style adjustment than a fix to a problem, so I would say that is not considered a magic numb…

Domain Name Question

With .com, all someone has to remember is what came before it. For instance, you don't remember google.com, you just remember google. Anyone who is unsure what the domain is will try .com first. Any other domain requires that to be committed to…

Diamond with an outline

Yes, I agree with you for this.

Diamond with an outline

@Paulie_D There is an upside to using CSS when you can though: it's way easier to modify if need be (color, size, etc.).

What's the best way to line background images up across multiple elements?

@HugoGiraudel I've just updated the original post with another idea. What do you think? I need it to work in IE7.

What's the best way to line background images up across multiple elements?

@chriscoyier I was thinking about going down that path, but I need IE7 support. Sorry for not stating that in my original post, I've updated it to reflect that now. Also, each nav item can't exceed the content plus padding width. Is there…

CSS Content in next line

I have to second @posterity576's post. Why are you doing this? Unless there is a really good reason, you should avoid it as it decreases readability.

Absolutely positioned children larger than their parent.

Why are you using absolute positioning? Absolute positioning removes the element from the flow of the document, which is not ideal if that element has a relationship with the other elements around it, which it seems like it does in your case.

Domain Name Question

Yeah, I'm with @TheDoc on this.

Problem with Columns

@jurotek That's almost describing what I do exactly! I know that there are plenty of people in the float camp still, as I was for a long time, but I swear that since predominantly using inline-block, I've just had less issues with layout.

Problem with Columns

@mintertweed First you need to decide whether or not you want to use floats (as you currently are) or some other method of aligning the elements (such as inline-block). I would personally advise against using floats (I've explained why here: ht…

Problem with Columns

Rather than creating a new element to deal with the floated social links, wrap the social links in a div and clear that element. This is one of the many examples of floats causing unwanted issues. I would recommend using inline-block here instead o…

Correct method for grid system gutters?

Use margin instead of padding. That is also what most grid systems use.

Trying to figure out baseline grid

@wragen22 Any reason that you're hiding the information in the first place? It's generally considered bad UX to do so without a good reason. I would recommend you simply show everything.

Trying to figure out baseline grid

@wragen22 If you like. The way I've explained it on my website is a fairly easy way to keep everything nice and aligned vertically. There are other ways, but I find that technique the most consistent.

text-indent: -9999px = bad seo?

@Hompimpa It makes the text invisible.

Click function for :hover states on touch devices

Yeah, using :focus whenever you use :hover, as @ChrisP said, will work. I would consider removing the hover interaction and replacing it with a click though. Not only will that work on all devices, but it also guarantees intention.

Unicode compass arrow help. This symbol unicode ➤

Using this site: http://shapecatcher.com/ I got the following: http://shapecatcher.com/unicode/info/10148

Essential Things to Place in HEAD?

Tools you use when its time to start a new project !

In terms of a 'reset', I use a stripped down version of Normalize.css.

Offering responsive web design to clients

I disagree with @notfilc. In my opinion, responsive design is just part of doing your job properly. Of course, if you charge on a per hour basis, then you will be charging more for it anyway.

Best way to make hr lines between text?

Here's a way to do it with a single element (browser support isn't 100% though): http://jsfiddle.net/joshnh/3PG8j/

Trying to figure out baseline grid

@chrisburton Nothing wrong with that! Nice solution by the way, that's how I would do it (now that I've seen it). Also, looking at @wolfcry911's version made me think of a way to handle it without relying on a 'magic number'…

Trying to figure out baseline grid

@wragen22 I've written a couple of articles on line-height and baseline grids. Feel free to have a read: http://joshnh.com/2011/08/03/how-to-set-up-a-baseline-grid/ http://joshnh.com/2012/10/12/how-does-line-height-actually-work/ Unfortunate…

Which is faster: nth-child(odd) or nth-child(2n+1)

I think you answered the question yourself; both are the same (although one saves on a character every time you write it, and is more quickly apparent).