I’m eagerly waiting from June 15th to grab your Velocity 2011 slides. I’ve looked at Slideshare but don’t find them. Could it be possible to have them?

Thanks in advance and keep oocssing, great job!

Floats: you can float as many HTML elements as you like, and CSS Lint won’t care. The problem comes when you’re repeating the same CSS code (float declarations) again and again. Use a class instead. What you described sounds like a media block object, so write the code for making a media block. Write it *once*, and reuse it.

Headings: “.aside h6 { }” is location-specific styling. If you do it this way, your styles become less predictable (because they vary depending on location). You also have to keep declaring new exceptions when you want the same styling in a different location. This doesn’t scale well.

Use a class instead. Let’s say you want this h6 to look the same as your standard h4. Simply add a .h4 class. When you write your main heading styles, just add a corresponding class. For example:

h4, .h4 {
/* level-4 heading styles go here */
}

I don’t get the consistent headings across a site.
Many times I create page class, article class and aside classes for my page structure and then I’ll have use the different headings in the different sections, for example if h1-h6 is used in my .article class and I want something of the same size in the .aside section a different color then I’ll do an .aside h6 { } to change the color or other attributes.

Thanks,

j

* Please check if multiple webfont implication like this gives problems:
@font-face {
font-family: ‘CharisSILRegular’;
src: url(‘../fonts/CharisSIL/CharisSILR-webfont.eot’);
src: url(‘../fonts/CharisSIL/CharisSILR-webfont.eot?#iefix’) format(‘embedded-opentype’),
url(‘../fonts/CharisSIL/CharisSILR-webfont.woff’) format(‘woff’),
url(‘../fonts/CharisSIL/CharisSILR-webfont.ttf’) format(‘truetype’),
url(‘../fonts/CharisSIL/CharisSILR-webfont.svg#CharisSILRegular’) format(‘svg’);
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: ‘CharisSILItalic’;
src: url(‘../fonts/CharisSIL/CharisSILI-webfont.eot’);
src: url(‘../fonts/CharisSIL/CharisSILI-webfont.eot?#iefix’) format(‘embedded-opentype’),
url(‘../fonts/CharisSIL/CharisSILI-webfont.woff’) format(‘woff’),
url(‘../fonts/CharisSIL/CharisSILI-webfont.ttf’) format(‘truetype’),
url(‘../fonts/CharisSIL/CharisSILI-webfont.svg#CharisSILItalic’) format(‘svg’);
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: ‘CharisSILBold’;
src: url(‘../fonts/CharisSIL/CharisSILB-webfont.eot’);
src: url(‘../fonts/CharisSIL/CharisSILB-webfont.eot?#iefix’) format(‘embedded-opentype’),
url(‘../fonts/CharisSIL/CharisSILB-webfont.woff’) format(‘woff’),
url(‘../fonts/CharisSIL/CharisSILB-webfont.ttf’) format(‘truetype’),
url(‘../fonts/CharisSIL/CharisSILB-webfont.svg#CharisSILBold’) format(‘svg’);
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: ‘CharisSILBoldItalic’;
src: url(‘../fonts/CharisSIL/CharisSILBI-webfont.eot’);
src: url(‘../fonts/CharisSIL/CharisSILBI-webfont.eot?#iefix’) format(‘embedded-opentype’),
url(‘../fonts/CharisSIL/CharisSILBI-webfont.woff’) format(‘woff’),
url(‘../fonts/CharisSIL/CharisSILBI-webfont.ttf’) format(‘truetype’),
url(‘../fonts/CharisSIL/CharisSILBI-webfont.svg#CharisSILBoldItalic’) format(‘svg’);
font-weight: normal;
font-style: normal;

}

* Alot of errors came from media queries. e.g.:
Expected LBRACE at line 1861, character 8.
@media (min-width:711px) and (max-width:1024px) {

* Expected RBRACE at line 1827, character 3.
@page { margin: 0.5cm; }

* The line numbering was far off

* Also it would be nice if the logo header was clickable and leading to the homepage. Thanks for the service. I’m gonna check my

h1, h2, h3, h4, h5, h6{font-family: ‘font-family’;}
h1{font-size: x;}
…
h6{font-size:y;}

Or it would be better to declare font-family separately for each heading even if they are the same?
If so, why?

Thanks! (:

I wondered: did I spot an error? Underneath my 392 warnings and 1 error, there was a bit of content which begins with “55 lines 1 errors 392 warnings”. It displayed what I think is the example code instead of (what I expect it should do) my own CSS which was 1323 lines long. Is this feature an error or a feature? For debugging reasons I made a screenshot of the thing. If you want it, I can send it to you.

But anyway: Great work! It’s a good thing this CSSlint is here and performing so well! Thanks a lot!

And here’s one more (also gitted):

I’m hearing some concern in the community that CSS Lint is “forcing Nicole’s OOCSS beliefs on designers, by stealth”. I don’t agree (you’re not forcing anyone!), but it might be helpful to make the connection between the CSS Lint and OOCSS clearer. I can’t see any reference to OOCSS on the CSS Lint website.