131–140 of 192 posts
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.
It doesn't work properly. The body has a max-width of 750px, and the header uses a padding hack of 'calc(50vw - 50%)'. That 50% means '50% of the containing element', so if 50vw is more than 750px (eg your viewport is more than 1500px wide) the header element stops being centred and starts spilling over on the right hand side.
I don't understand the claims re: font loading. > Vercel's impossibly fast CDN delivers new.css and the font Inter using xz/fonts, so there's virtually no bloat added to your pages. It's 300kb of font downloads, hardly light. And the xz/fonts page says: >Break your users from unethical tracking networks I'm still making a request to a 3rd party CDN with an origin header that says what page I'm looking at, so I'm not…
Slightly off-topic but this made me wonder: is it possible to store the 1000 most used web fonts locally and tell your browser to use the local version instead of the Google version?
[0]: https://decentraleyes.org/ [1]: https://github.com/Synzvato/decentraleyes/issues/34
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.
Hey everyone, developer of new.css here. I've gotten a lot of valuable feedback from everyone today! But I get it, new.css is very basic, and it's not the traditional definition of a framework. Please keep leaving your constructive feedback. I'm excited to keep making new.css something for everyone to enjoy.
Wanted: class-based CSS that only deals with layout and positioning, not component-styles.
Earlier quoted context omitted.
Pity I cannot just receive vanilla mark up and pick a client side theme.
I'm pretty sure firefox has this feature. the problem is no website offer custom css. for an example: https://stackoverflow.com/questions/48227413/what-is-the-pur...
Earlier quoted context omitted.
Pity I cannot just receive vanilla mark up and pick a client side theme.
I'm pretty sure firefox has this feature. the problem is no website offer custom css. for an example: https://stackoverflow.com/questions/48227413/what-is-the-pur...
I can think of some uses for this if it were sticky - high contrast and dark mode versions for websites
Crazy. This isn't a "framework". It's a stylesheet.
"Classless" also made my brow furrow when I realized they didn't mean, say, CSS components styled without a bunch of classes (a la Twitter Bootstrap) but rather, it just has no components. It's classless because it only styles some basic html elements.
Besides this isn’t meant to supplant Bootstrap. It evens says so on the site.