Notes tagged with CSS

Andy Hume I wasn’t there, but listening to the huffduff and looked through the slides was enough to change the way I wrote #CSS

Decided to use border-bottom for link underlines instead of text-decoration #web #design #css #meta

* {
    -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.

Opinions about using #composer to manage frontend dependencies (#css and #js)?

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

Reading through the #CSS fonts spec, I’m surprised by just how much of the font-deciding process depends on typefaces being named well.

Essentially, my previous design had reached local maximum, so I’m going back to basics.

I’ve decided it’s important that styling doesn’t fight or contradict markup, so I’m hoping that adding it progressively only where it is needed will make my code more maintainable.

Brennan Novak amongst other things, it’s use of px for everything related to typography

As of today I renounce twitter bootstrap. I will take inspiration from it as I take inspiration from other work, but I will no longer use any of it’s code.

Designing a poster in HTML (for compatibility). It’s relaxing to not have to deal with fluid design. body { width: 210mm; height: 297mm; }