Aaron Parecki seems like that would be blurring the line between presentation and behaviour — where do you stop? Weather media queries? Proximity? Acceleration?
Aaron Parecki seems like that would be blurring the line between presentation and behaviour — where do you stop? Weather media queries? Proximity? Acceleration?
@thatemil I’ve always considered style guides/pattern libraries to be unit tests for HTML+CSS, and you could automate them with JS if they get too unwieldy.
* {
-webkit-appearance: menulist;
}
css
@brad_frost @anna_debenham sees fridge. Looks for toaster.
THERES NO TOASTER!
Brennan Novak the naked HTML week is up, so I’m adding little tweaks and fixes back in gradually. I’d be interested in feedback about the typeface. It’s Averia.
My god. “Premium Bootstrap Themes”.
Built on a “rock solid base”. I assume they mean the fact that a supposedly “responsive” framework uses px for all typographical dimensions?
Trying to resist the temptation to use ☺ for unordered list items.
Thankfully, CSS doesn’t seem to have the concept of list-style-character
.
So, after a week of naked HTML, I have applied a basic CSS normaliser and a few little gimmicks of my own.
I am not (yet) using LESS or SASS or any such thing, but I have started to split my CSS into separate files and load them all together at using Assetic. This small change has immediately made a difference to how I structure and author CSS.
Mercilessly deleting large swathes of CSS feels good. Next up: de-bootstrapping bootstrap code.
@boagworld they’re damned awkward. I am tempted to wrap them in a div with overflow-x: scroll
.
#meta: Added ”Styles temporarily disabled” banner to explain CSS-less-ness of my site as per Brennan Novak’s suggestion
Brennan Novak great idea!
Brennan Novak cool, isn’t it ;) I’m going without CSS for a week to ensure my markup is nice and clean
Brennan Novak amongst other things, it’s use of px for everything related to typography
Designing a poster in HTML (for compatibility). It’s relaxing to not have to deal with fluid design. body { width: 210mm; height: 297mm; }