CSS3 - A Practical Introduction

Re:CSS3 - A Practical Introduction by DCoder on Sunday October 31, 2010 @02:40PM (#1853926)

The presentation is nice, but I strongly disagree with the author's chosen method of drawing browser icons:

  .browser-support dd:nth-of-type(3) { background-image:url("img/opera-logo.png"); }
  .browser-support dd.no-support:nth-of-type(3) { background-image:url("img/opera-logo-white.png"); }

And looking at the calculated width example reminded me of the box-sizing property [1], which would simplify that particular use case.

[1]: http://www.w3.org/TR/css3-ui/#box-sizing

[ Parent | on HN ]

Re:CSS3 - A Practical Introduction by leaverou on Sunday October 31, 2010 @02:50PM (#1853958)

I just didn't want to clutter it with duplicate things like <dt class="opera">Opera</dt>. I kinda agree with your point though, it was something I also wasn't very sure about.

I also agree that box-sizing is better, I have also used it in a few places. I mentioned it in my talk too, I just didn't put it in the slides. I just wanted to experiment with calc() a bit too :P

[ Parent | on HN ]