111–120 of 192 posts
This recent vibe of minimal CSS files for plain HTML tags feels the same as the CSS Zen Garden from years ago. Which is very good and quite welcome in the current state of overbloated JS frameworks that do everything. I wonder if this will also drive further the adoption of standard web components https://open-wc.org/guide/
I'm not entirely sure this can be called a framework. If there was a Bootstrap v0.1 it would be this, before it decided to do a whole bunch of extra things to become a framework. A few years ago you might have simply named it "reset.css", but it's too opinionated to really have that name. It feels like I would spend more time undoing what it does than would be saved by using it. I don't hate it... but I don't entirel…
In practice, I've found its good to roll your own at some point, so you don't have to spend time undoing someone elses.
Seems one of these things hits the front page every month or so. My question is, why don't the browser makers adopt something like this as the default stylesheet? Are they constrained by the spec here or is it just a matter of inertia?
This Github repository tracks a whole bunch of these drop-in CSS files: https://github.com/dohliam/dropin-minimal-css And you can use this demo site to switch between them all on the fly: https://dohliam.github.io/dropin-minimal-css/
This is really useful! Thanks for linking to it. I also have a related repository. It is a gallery of screenshots of classless CSS themes: https://github.com/dbohdan/classless-css . I've just added a link to the drop-in CSS switcher there.
Seems one of these things hits the front page every month or so. My question is, why don't the browser makers adopt something like this as the default stylesheet? Are they constrained by the spec here or is it just a matter of inertia?
Probably part of this CSS is something like reboot or reset which will try to paper over the remaining differences between different browsers, I think the browsers probably are converging in that regard but IE11 and backwards compatibility still make them necessary.
This Github repository tracks a whole bunch of these drop-in CSS files: https://github.com/dohliam/dropin-minimal-css And you can use this demo site to switch between them all on the fly: https://dohliam.github.io/dropin-minimal-css/
hah, reminds me of http://www.csszengarden.com but simpler.
Author of Sakura.css [0] here linked in the article. Thanks for the link ^_^, new.css looks super great! A bit more on "WHY" you'd want to use a classless theme: * Quick prototyping, especially when working on backend sites and can't yet be bothered to fidget with css/html. * Building a quick (but pretty) site/blog for your best friend or aunt! * Works amazingly with markdown generated HTML content. So it's a perfect…
Earlier quoted context omitted.
It's a shame how few of these prevent horizontal scroll on mobile. Usually the table and/or video are not probably handled. My take away from this: Simple does not mean easy; check edge cases.
As suggested by a sibling comment the key isn't to prevent horizontal scrolling, but to prevent content from overflowing a single screen width. Which isn't hard per se but doesn't have a one-size-fits-all solution.