Looks neat. Assuming the site is built using the framework, I ran a couple of the component pages (e.g., accordion) through Lighthouse and there are a number of accessibility issues. Just a heads up.
Oat – Ultra-lightweight, zero dependency, semantic HTML, CSS, JS UI library
131–140 of 151 posts
Re: Oat – Ultra-lightweight, zero dependency, semantic HTML, CSS, JS UI library
#132This site got me going. Almost had whiplash when I tapped a link and the page loaded literally instantly. I've almost forgotten that that's possible on the internet. I'm not a web dev, but I'm inspired to get into it now because of this site.
I mean you also have HN as a reference.
I use an app for HN, and try to wherever I can due to my general experience with web things, so it's a different feel. But also HN being snappy is pretty much an upfront expectation given it's like 99.99% text.
Re: Oat – Ultra-lightweight, zero dependency, semantic HTML, CSS, JS UI library
#133This is of special interest to me, because man do I hate UI frameworks with tons of external dependencies. Looking at you, Bootstrap.
I used to think bootstrap was bloated too...and then i had heard - now, i don't know if its true - that bootstrap was originally intended *ONLY* as an internal prototype building tool, and any bloat did not matter...because expected audience, usage would be totally fine for a bloated framework...When i heard, i gave boostrap more of a pass...but, then again, i stopped using it, and began using other, lighter weight f…
The problem with Bootstrap is that it depends on jQuery and Popper, and its CSS has global classes. It’s perfectly fine if BS is the only UI framework, but if you need to bring to bring in other frameworks or libraries (by choice or by force), then there’s a chance you’ll run into conflicts.
Re: Oat – Ultra-lightweight, zero dependency, semantic HTML, CSS, JS UI library
#134Earlier quoted context omitted.
I'm not a web dev, what do you love about it?
It leverages semantic html elements for styling… it may not seem like a huge deal on the surface, but it’s very useful in keeping html page sizes down, keeping the html itself simple to use, and so on. there are other similar projects out, and i like them too.
Thanks! I get that.
Re: Oat – Ultra-lightweight, zero dependency, semantic HTML, CSS, JS UI library
#135Earlier quoted context omitted.
I mean you also have HN as a reference.
I use an app for HN, and try to wherever I can due to my general experience with web things, so it's a different feel. But also HN being snappy is pretty much an upfront expectation given it's like 99.99% text.
TIL there is an HN app.
Re: Oat – Ultra-lightweight, zero dependency, semantic HTML, CSS, JS UI library
#136Thank you testing this on older browsers before releasing. This is truly an ultra minimal library - https://ibb.co/DDGmLYdg , https://ibb.co/h1WQG3GK
Genuine question, do you normally use old browsers as your daily driver for interfacing with the web? I’d be interested in learning why.
Not as a daily driver but to make sure a software has wide support, not all users update their phone frequently. Also, many web features do not require using the latest in browser features.
And just to be clear, I was poking fun at this so called “CTO”. That guy should have known better.
I see many web/ui frameworks posted in HN which don’t test in older browsers but still claim to be minimal or plain.
Re: Oat – Ultra-lightweight, zero dependency, semantic HTML, CSS, JS UI library
#137Earlier quoted context omitted.
I use an app for HN, and try to wherever I can due to my general experience with web things, so it's a different feel. But also HN being snappy is pretty much an upfront expectation given it's like 99.99% text.
TIL there is an HN app.
Yep, several. I've found Hacki best for me so far, but actually I'm considering to make my own as there are a few pain points and extras I'd like handled, and it'd be a nice learning experience.
Re: Oat – Ultra-lightweight, zero dependency, semantic HTML, CSS, JS UI library
#138There’s a ton of semantic drop in css libraries similar to this. Love seeing new ones. Quality varies wildly but this site shows 50+ drop in stylesheets for those writing semantic html: https://dohliam.github.io/dropin-minimal-css/
do you have any recommendations from the list?
Here’s some that seem genuinely useful to me depending on what you’re looking for.
- water.css https://watercss.kognise.dev/
- magick.css https://css.winterveil.net/
- mui.css: https://www.muicss.com/
- pico.css: https://picocss.com/
Re: Oat – Ultra-lightweight, zero dependency, semantic HTML, CSS, JS UI library
#139Don't know about anyone else, but the first thing I do with these types of libraries to check out the Accordion component and see if it slides out with a nice animation. This has become my litmus test for how well designed a component library is.
Re: Oat – Ultra-lightweight, zero dependency, semantic HTML, CSS, JS UI library
#140Earlier quoted context omitted.
I used to think bootstrap was bloated too...and then i had heard - now, i don't know if its true - that bootstrap was originally intended *ONLY* as an internal prototype building tool, and any bloat did not matter...because expected audience, usage would be totally fine for a bloated framework...When i heard, i gave boostrap more of a pass...but, then again, i stopped using it, and began using other, lighter weight f…
The problem with Bootstrap is that it depends on jQuery and Popper, and its CSS has global classes. It’s perfectly fine if BS is the only UI framework, but if you need to bring to bring in other frameworks or libraries (by choice or by force), then there’s a chance you’ll run into conflicts.
bootstrap has not depended on jquery for a long time now.