16 ms·
New.css – A classless CSS framework to write modern websites using only HTML
- W4ldi 6y agoI prefer MVP.css (https://andybrewer.github.io/mvp/ https://andybrewer.github.io/mvp/) tbh
- mr-karan 6y agoSo basically a stripped down version of Tailwind?
- bluetwo 6y agoI would say the opposite of tailwind.
- ethanpil 6y agoCheckout https://github.com/kognise/water.css https://github.com/kognise/water.css I find water.css to be the prettiest of the classless bunch.
- byteface 6y agohttps://milligram.io/ https://milligram.io/
- NiekvdMaas 6y agoMilligram is not class-less, it's more like a light Bootstrap.
- pspeter3 6y agoThis looks great, thanks for the link!
- henryfjordan 6y agoI recently started a project using Skeleton CSS (http://getskeleton.com/ http://getskeleton.com/) which is similar. It only uses classes to deal with the grid (which it looks like neither water.css nor new.css handle).
- ukyrgf 6y agoThis has long been abandoned, hasn't it? (just checked, last updated in 2014)
- yoz-y 6y agoName and lede wise I prefer https://mblode.github.io/marx/ https://mblode.github.io/marx/
- marban 6y ago5 comments with 5 alternatives so far. Oh the irony.
- jmchuster 6y agoA variation on Cunningham's Law?
- marban 6y agoWithout classes, CSS is a race to the bottom.
- cannedslime 6y agoI disagree. For many simple things you can get a long way without or with minimal amount of classes. Coincidentially I am working on implementing some changes to a really bad case of the vile disease classinitis. With names such as: xyz_product__form and g-region--desktop-one-half. Lest not forget about their actual use in the markup: `class="form-field__input form-field__input--button button button--cta button--large button-mobile-full u-flex-1"` Ah how could I even live without getting hired for this job and all of its lustful classes?!
- ponyous 6y agoNice huh, it shows that ecosystem is really strong?
- mmsimanga 6y agoThis is the reason I actually "favourite" threads such as this one. The comments help me find alternatives to try out. There was an Ask HN, "Ask HN: Is there a search engine which excludes the world's biggest websites?'[0]. I commented that I search HN for different subjects and read through the comments. This is probably better than searching Google for minimal CSS. [0]https://news.ycombinator.com/item?id=23202850 https://news.ycombinator.com/item?id=23202850
- deleted 6y ago[deleted]
- richthegeek 6y agoI'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 entirely see the point of it.
- Semaphor 6y ago> It feels like I would spend more time undoing what it does than would be saved by using it. They list use-cases: > A dead-simple blog > Collecting your most used links > Making a simple "about me" site > Rendering markdown-generated HTML It’s when you have some basic HTML and just want it to look good. Agreed that framework is a very unfitting descriptor for it though.
- falcor84 6y agoBut then, why not have this be defined by the client? I think I would like to see more websites entirely devoid of css, together with an evolving ecosystem of browser-side theme-like css rulesets to style and layout sites based on the page's semantics and everyone's unique preferences, like we style our desktops and terminals. But that's just my cloud cuckoo land, right?
- Finnucane 6y ago>But then, why not have this be defined by the client? Because client defaults usually suck.
- sleepinseattle 6y agoReading mode does that, and you can have it auto-enable in Safari if you want.
- tylerchilds 6y agoThese types of stylesheets are sometimes referred to as Base Stylesheets. 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.
- _0o6v 6y agoCrazy. This isn't a "framework". It's a stylesheet.
- m12k 6y agoYeah, I think "blog theme" is probably the best it can be described.
- Iv 6y agoThat's my reaction as well... What am I missing? People really forgot that you can write a "reactive" website in pure HTML and that's what it was actually designed for?
- l5870uoo9y 6y agoIt's like normalize.css[1], unify elements across browsers. [1]: https://necolas.github.io/normalize.css/ https://necolas.github.io/normalize.css/
- teknopurge 6y agohence the bubble.
- hombre_fatal 6y ago"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.
- colourgarden 6y agoThis seems like a decent boilerplate+extras but line 1 is importing a custom font. Why? Unnecessarily opinionated and against the "lightweight" aims of this library (not knocking Inter btw - it's awesome).
- sleepychu 6y agoThere is a lite version (which I think does not import the font)
- deleted 6y ago[deleted]
- rozenmd 6y agoUse the code <link rel="stylesheet" href="https://newcss.net/lite.css"> https://newcss.net/lite.css"> for the lite version, which uses the system font stack rather than importing one.
- cypressious 6y agoLooks nice. I checked the network tab to see how light the page newcss.net really is. ~600kb looks good but interestingly enough, the favicon is the biggest asset.
- alufers 6y agoThis looks more like an attempt at criticizing the bloat people add to their websites basically just to change the font from Times New Roman. I can't really see this competing with bootstrap, since it lacks all the custom components.
- woofie11 6y agoI don't think so. This is criticizing no one. Right tool for the right job. I write web apps which need real frameworks. I also write basic text pages, and something like this is very nice. It's a dying art (university professors seem like the last hold-outs), but it's often handy. The top comment gives a list of such frameworks, though, many of which look nicer than this one.
- schwartzworld 6y agoIt's obviously not meant to compete with Bootstrap.
- redka 6y agoIt might be just me but I can't look at websites with black backgrounds and white or yellow letters. My eyes hurt and when I turn my head elsewhere I can see shadows of the website for a bit. I use dark(ish) themes everywhere but such high contrast somehow is too much.
- zozbot234 6y agoOTOH, deep-black backgrounds and green letters (with red/yellow/white highlights) is perfect if you're using an OLED screen. Maybe browsers need adjustable (and site-specific) brightness and contrast knobs, like monitors and TV's.
- sdan 6y agoLove dark blacks on OLED. However sometimes a dark navy blue would be better.
- buckminstrix 6y agoI think new.css is themable.
- 1f97 6y agoi have exactly the same issue. so many websites nowadays choose to have dark themes which are essentially black backgrounds with white text and it is physically painful to read. if i'm invested enough in the article, i always try to change the user styles a bit to make it more bearable.
- redka 6y agoYep, exactly. Last ditch resort is to modify the values via devtools myself but usually I just skip that site.
- ibiza 6y agoThe problem is using `white` on black instead of `gray` on black. The latter provides plenty of contrast while still being easy to read.
- aidos 6y agoThis looks to be using the new css variables (well, new to me - I was checking on the state of the art in css just recently). I was looking into how you can do components now and this stuff looks pretty interesting, though styling of nested components using these techniques looked a little...hairy. Has anyone used these in anger? https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_c...
- Ndymium 6y agoI used CSS custom properties (AKA variables) when rewriting my blog's frontend just recently. A few issues come to mind even when using the latest CSS features: 1. Nesting can still be an issue if you have complicated layouts. You can mostly get around this with good use of classes/IDs. 2. Custom properties cannot be used in media queries. This was my biggest problem, because you now have to repeat your breakpoint sizes in every place you want to use media queries (which is many places if you split your code into many files), or you can have one file with the breakpoints set a bunch of custom properties that are used then throughout the styling. But the latter method falls down if you need to use e.g. `display: grid` for one size and `display: block` for another -- you end up with tons of properties. An example of that in my blog's code [1]. 3. I really missed the lighten/darken helpers from SCSS. Those would have been useful with all the colors, because now I'd have to calculate all of them again if I wanted to change the color scheme. [1] https://gitlab.com/Nicd/mebe-2/-/blob/f0f988e3d120c4cff5427760ffa8f2c02239e6c3/lib/web/frontend/assets/style/settings.css https://gitlab.com/Nicd/mebe-2/-/blob/f0f988e3d120c4cff54277...
- dsego 6y agoA css framework for communists?
- hendry 6y agoUsing it now on my blog: https://natalian.org/ https://natalian.org/ Nice!
- sdan 6y agoCool!
- MrBuddyCasino 6y agoThe thing about "classless" CSS or auto-generated class names is that it becomes much harder to customize a website via user scripts. Its not a good trend.
- amanzi 6y agoThis Github repository tracks a whole bunch of these drop-in CSS files: https://github.com/dohliam/dropin-minimal-css 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/ https://dohliam.github.io/dropin-minimal-css/
- spyckie2 6y agoSeeing all these styles, I can't help but get the feeling that we're heading towards the aesthetic minimalist ideal of mixed text media.
- ComodoHacker 6y agoIt's modern MSWord templates.
- metalliqaz 6y agoshh
- networked 6y agoThis 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 https://github.com/dbohdan/classless-css. I've just added a link to the drop-in CSS switcher there.
- fouc 6y agoAnother one here: https://www.cssbed.com https://www.cssbed.com https://github.com/ubershmekel/cssbed https://github.com/ubershmekel/cssbed
- deleted 6y ago[deleted]
- tudorw 6y agoPity I cannot just receive vanilla mark up and pick a client side theme.
- onion2k 6y agoIt 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.
- horsawlarway 6y agoYeah... Looks terrible for me.
- Dragory 6y agoSeems to work properly in Firefox (https://i.imgur.com/AQ2M1G3.png https://i.imgur.com/AQ2M1G3.png) but breaks in Chrome (https://i.imgur.com/U2tVg2k.png); https://i.imgur.com/U2tVg2k.png); Chrome doesn't accept the margin value (https://i.imgur.com/pH7X0ZO.png https://i.imgur.com/pH7X0ZO.png). When the margin works, the logic makes sense. 50vw sets the padding of the side in question (e.g. left) to the middle of the screen, 50% subtracts half of the containing element's width (<body>) from it. Doing this for both left and right and then negating it with equal negative margins results in the content area in the header being centered and having the same width as body, but the padding stretching out to the edges of the window.
- Finster 6y agoThere's already a PR to fix this, looks like there's a missing space after one of the minus signs.
- emagdnim2100 6y agoA good place for the under-appreciated CSS ‘clamp’ function!
- onion2k 6y ago... that doesn't work in Safari or iOS, or non-Chrome Android browsers yet.
- HugoDaniel 6y agolike mvp.css https://andybrewer.github.io/mvp/ https://andybrewer.github.io/mvp/
- Ndymium 6y agoThis reminds me of W3C Core Styles[1]. I remember using those in many quick pages to make them look somewhat presentable without spending any effort myself, when perfect styling just wasn't important. I wonder how many sites nowadays use their styles directly from their URLs. [1] https://www.w3.org/StyleSheets/Core/ https://www.w3.org/StyleSheets/Core/
- metalforever 6y agoI wish people would stop mixing domains in this way. Sorry, I think this way of coding is shit.
- wx196 6y agoIt may be not a good idea to use a grey input background for generic cases as it may confuse as disabled. https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_input_disabled https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_in...
- oxalorg 6y agoAuthor 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 match when rendering markdown but don't want to customise the rendering process to include specific classes. * Using it as a placeholder: I almost always start a project with sakura.css, just drop the link tag and you’re done. Start working on features instantly.Once I’ve built the flows/components a bit I replace it with something like tailwind! There is no friction to this workflow as sakura and sisters are all classless anyways, so you can replace it easily. [0]: https://github.com/oxalorg/sakura https://github.com/oxalorg/sakura
- exampledev 6y agoNever in a thousand years would I even consider being on the same level as oxal's project. It's an absolute honor! Thanks so much for your support.
- oxalorg 6y agoHaha thanks, you're being too humble ^_^ BTW loving the xz logo and the website. Overall super cool!
- mlok 6y agoFor some reason the footnote link on sakura did not make my view jump to the note (neither Firefox 76.0.1, nor Chromium 81.0.4044.138 / Linux Ubuntu) although it works in Wikipedia.
- oxalorg 6y agoHey are you talking about the footnote link [0] on the demo page? If so thanks for pointing it out, looks like I forgot to add the `fn1` footnote id on the element. Fixed it. [0]: https://oxal.org/projects/sakura/demo/#fn1 https://oxal.org/projects/sakura/demo/#fn1
- nateberkopec 6y agoI 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 sure what privacy I'm gaining here.
- toyg 6y agoI guess the key word is “unethical”.
- exampledev 6y agoHey, developer of both here. It's certainly not a light download, I understand. It's more of an effort to pull CDN requests to known unethical networks, namely Google Fonts, which are known to be used to track users between websites. I'll be more clear about this in the future, thanks for your opinions!
- Aissen 6y agoI still don't see how switching from Google to a VC-backed CDN startup is better for ethical purposes.
- riquito 6y agoAny source about the unethical bit? Their privacy section looks good https://developers.google.com/fonts/faq#what_does_using_the_google_fonts_api_mean_for_the_privacy_of_my_users https://developers.google.com/fonts/faq#what_does_using_the_...
- StreamBright 6y agoAny frontend dev out there would like to compare this with MVP and Tachyons? I am a bit lost when to pick over another.
- pdfernhout 6y agoTachyons, which I like a lot, is Atomic CSS, which means essentially things do what they say, like .red makes things red, or .ma0 sets a margin of 0. With Tachyons, you can define any look you want by adding these atomic styles to HTML elements. While that might be a lot of work if you style HTML by hand, it is not much of a chore if you are writing JavaScript code which defines widgets which you use by calling a function (like using Mithril, a favorite vdom UI building library). Occasionally you may use inline styles, or add some new atomic styles, or change existing Tachyons styles (like set a different shade of .red) to get a precise look -- but for the most part, Tachyons styles cover most common cases. By contrast (and not having used it) new.css seems to provide some basic styling to give some elements like input or summary a certain look which you may or may not like. New.css seems like a very lightweight (CSS-only) Bootstrap framework. If you don't like the specific look (including colors and margins) the designer chose for you, there is apparently no easy way to change it or go beyond it -- other than by the usual mechanisms of writing more CSS. I like the Atomic CSS approach because, for what I do (mainly single-page apps) I just write JavaScript which generates HTML which is almost-entirely styled using existing Tachyons classes (which never collide). By contrast, most other CSS libraries (such as apparently new.css) expect you to write new CSS styles for HTML elements and also semantic CSS classes (e.g. .main-content) if you need something other than exactly what they provided, and so you have to be managing multiple stylesheets and their collisions. See also: https://css-tricks.com/lets-define-exactly-atomic-css/ https://css-tricks.com/lets-define-exactly-atomic-css/
- StreamBright 6y agoThanks a million! Now I understand much better. We are using Tachyons and going to keep using it.
- discordance 6y agoHey sorry I’m not in the know, but what’s wrong with classes and styling?
- yreg 6y agoNothing's wrong, the supposed advantage of this is that it's less complex and the only thing you need to learn is html.
- lucb1e 6y agoWhich most people that would use this already know and so really you can just skip the learning and go straight to using it.
- wallawe 6y agoNothing, but a lot of the web dev community feels like we've gone overboard in terms of bloated CSS frameworks and this is what I perceive to be a reversion back to the basic ability to style a document without much need for writing and learning CSS or the frameworks themselves.
- gremlinsinc 6y agoAs a full-stack dev who has started/but not finished tons of side projects because I hate the design part (okay, I'm more backend than frontend, I like vue/js but css/scss isn't my favorite part of the stack though I can do it in bulma, material-ui, vuetify/etc....) I think this sort of thing looks cool, though picnic.css (https://picnicss.com/tests https://picnicss.com/tests) -- from another comment seems more my flavor. Might be a good way to focus on the functionality, maybe use it w/ tailwinds for extra styles where needed, and launch faster make some $$ hire a person to do the design stuff I hate to do in an actual framework or something and launch a prettier v2.
- 100721 6y agoTangentially related: I've been on the hunt for a CSS framework/drop-in that approximates the style of the Dracula theme – Dark background with bright, happy, bold, cotton-candy colors. Any suggestions?
- thebouv 6y ago1) I went searching for you and was quite impressed with how many apps and such that Dracula supports: https://github.com/dracula https://github.com/dracula .. wow 2) I hope one of those helps you. I didn't see one specific to being classless or a framework for a website. But I did see a github-pages one that might be the closest?
- 100721 6y agoThat actually was super helpful! I went to the GH-Pages preview [0] and pulled the compiled CSS file out. I hope the license permits reuse in this way. Thank you! [0]: https://dracula.github.io/gh-pages/ https://dracula.github.io/gh-pages/
- wishinghand 6y agoThis CSS drop-in is themable, so you could pick colors you like and emulate it easily.
- swissmanu 6y agoi personally like https://igoradamenko.github.io/awsm.css/ https://igoradamenko.github.io/awsm.css/ which has a similar approach.
- dirtnugget 6y agoWhen I open https://newcss.net/ https://newcss.net/ the header is already broken using Chrome... That's kinda sad
- superpermutat0r 6y agoI don't know why but white on black premade theme given here is just horrible for my eyes. The text burns into my eyes and then anywhere I look I can see the blurry text lines. I code using a black on white editor but could I guess handle non-white on black themes if the non-white color wasn't as bright.
- dominotw 6y agowhen i got this site https://dohliam.github.io/dropin-minimal-css/ https://dohliam.github.io/dropin-minimal-css/ I see "unformatted" left aligned site for 1/2 a sec before it centers and get formatted.
- alberth 6y agoBring back fond memories of http://www.csszengarden.com/ http://www.csszengarden.com/ Just plain HTML + CSS
- crofrwd 6y agoJust to point out there are also: https://native-elements.stackblitz.io/ https://native-elements.stackblitz.io/
- giantrobot 6y agoFor a static text page why did I have to wait two seconds for a loading spinner?
- nprateem 6y agoI assume that the author must be in their teens/20s to call a stylesheet that is literally the most basic, primitive form of CSS possible "modern" :-D
- HugoDaniel 6y agoThis 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/ https://open-wc.org/guide/
- josefresco 6y agoAh memories. I used to reference the CSS Zen Garden when convincing my clients about our new approach to web building (CSS is awesome!). Never once achieved it (complete separation of content from style) in practice.
- _bxg1 6y agoStylesheets have absolutely nothing to say about JS framework usage and vice-versa.
- mikeg8 6y agoIn theory yes, but React and similar JS frameworks have been chomping away at the “cascading” of CSS for a while, in favor of embedding styles inside each JS component. They have become very much intertwined.
- TheGoodBarn 6y agoI was just thinking the same thing! I started typing a reply out to someone's criticism of this, and it had me think of it this way. I have my own personal stylesheet that I use as a plugin for overriding blog styles (just because I like to read text formatted in a specific way, a lot of blogs aren't very readable IMO). This style of library kinda extends that where the end user can "customize" or make the site look how they want it to (not that it's something people should be considering when building their blogs, but I think its fairly normal for people to have opinions on these things). --- I especially like it for quickly prototyping internal tools/sites at work. A lot of times I want something to look clean but don't have the bandwidth to really customize a lot of stuff. This allows you to write CSS for what you need, but have the overall page styled for you with minimal effort. (Also building your own css templates like this helps teach generic css. I think it's a good skill if anyone is within proximity of the web).
- exampledev 6y agoHey 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.
- deleted 6y ago[deleted]
- savolai 6y agoI'd love to see a list of CSS files that are actually usable out of the box i.e. have a reasonable column width for body text on both desktop and mobile.
- chadlavi 6y agoStyling semantic tags in a library is a really bad idea, it assumes your css is going to be the only css used in an app. It's good manners to style class names instead.
- equinusocio 6y agoYou should use thing for what they're made for. Even using classes you can't solve the problem you're describing.
- chadlavi 6y ago"You should use thing for what they're made for." You ever worked on a project where a non-technical PM got to pick technologies? I guarantee you someone is going to choose this CSS library in the future because they think it looks nice, then be confused or frustrated when it stomps over some other styling they want to use because it directly styles tag names
- s17n 6y agoSeems 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?
- _bxg1 6y agoI think it's a backwards-compatibility thing. Browsers take BC extremely seriously, even when it comes to UX. Changing the unstyled look of different elements could break a legacy site that didn't give those its own styles.
- ZeroGravitas 6y agoThe defaults inherit, so changes to the default made by a browser (or indeed a browser user) can cascade through to other sites. 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.
- ketozhang 6y agoBrowsers do, it's the reading mode feature. However of course it's not a default stylesheet.
- awb 6y ago> Seems one of these things hits the front page every month or so. Yep! MVP.css was featured in March: https://news.ycombinator.com/item?id=22681270 https://news.ycombinator.com/item?id=22681270
- TheGoodBarn 6y agoTo continue the chain, we had 98.css last month, although a little more niche: https://news.ycombinator.com/item?id=22940564 https://news.ycombinator.com/item?id=22940564
- _threads 6y agoWe need more of these and less js livbraries
- equinusocio 6y agoIt sounds weird, because it looks as a clone of Native Elements built 3 years ago. https://github.com/n-elements/core https://github.com/n-elements/core
- equinusocio 6y agoIt sounds weird because it seems a clone of Native Elements published 3 years ago. https://github.com/n-elements/core https://github.com/n-elements/core
- XCSme 6y agoI am confused, why is it called a framework? From what I read it's just a default theme for HTML. Did I miss anything?
- StreamBright 6y agoBecause it is about frontend development.
- basilgohar 6y agoDespite being classless, I still got a Flash of Unstyled Content FOUC) when I load one of the themed pages on Firefox for Android (technically Fennec F-Droid). So classless does not mean lightweight, perhaps?
- weeboid 6y agoIs this just a reset css with default styles?
- tylerchilds 6y agoYes
- brlewis 6y agoThere are reasonable arguments that CSS is best done with no classes, only semantic elements. There are reasonable arguments that CSS is best done with classes only, independent of element name. And there are valid arguments for various incompatible ways of naming and namespacing CSS class names. We are a long way from one "right" way of doing CSS.
- deleted 6y ago[deleted]
- beders 6y agoCool. Looks nice! Wanted: class-based CSS that only deals with layout and positioning, not component-styles.
- andrethegiant 6y agoCould you elaborate?
- wysewun 6y agopair this up with the successor to intercoolerjs, https://htmx.org/ https://htmx.org/ and you can keep even more of your work directly in html.
- boksiora 6y agoGood idea that leads to cleaner code
- sreekotay 6y agoReally nice work. One thing you might consider is making sure that tabs and modals work well/there is a model for them. Picnic.css does this well.
- gwbas1c 6y agoI love the terminal theme. I've been trying to do something that looks like an older terminal for a configuration page, and this version almost does it. Why almost? The theme totally screws up wide tables. They bleed off the edge of the page, and there's no vertical scrollbar. Furthermore, widening the page just moves everything, including the table, to the right. The only way to see a wide table is to have a giant window with a big empty space on the left.
- exampledev 6y agoThanks for the feedback gwbas1c. How would you recommend improving form support? I'd be more than happy to merge any improvements.
- gwbas1c 6y agoJust try new.css on a page with a very wide table. You'll see the problem right away. I personally didn't dig into your css. If you can bring back the horizontal scrollbar at least it's a workaround.
- torartc 6y agoThere is some very odd marketing speak here. "Vercel's impossibly fast cdn", taking about how hosting on Google is somehow unethical? This whole thing is weird for some basic default CSS.
- dang 6y agoWe changed the URL from https://github.com/xz/new.css https://github.com/xz/new.css, which points to this. Both are great, but when a project has its own site it seems best to link to that one, as long as it links to the Github or equivalent page when there is one.
- tmvnty 6y agoReminded me of the "CSS Zen Garden" thread just had back in March - https://news.ycombinator.com/item?id=22627018 https://news.ycombinator.com/item?id=22627018 Are people reminiscing the simplicity of just HTML & CSS again?
- kyledrake 6y agoI threw together a similar concept here: https://elementcss.neocities.org https://elementcss.neocities.org I might just "deprecate" it and point to this one if I like it more. edit: hmm, no grids?
- giancarlostoro 6y agoThis is kind of funny to me because I wish more frameworks went this route then I can just override as necessary with my own classes and ids instead we end up with people creating new classes when they shouldnt need to or hacking together different classes and writing scope creep type of CSS. I have often thought about a CSS "framework" that did this but never bothered to look it up never thought of the name classless since it seems most popular frameworks use classes and other things.