Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Solid, a free and MIT licensed design system / UI kit for Bootstrap 4

docs.vantage-design.com

Post reply on HN
Print view View original

51–60 of 70 posts

Re: Show HN: Solid, a free and MIT licensed design system / UI kit for Bootstrap 4

#51

Post by thefounder »

rozab wrote: post #49
joekrill wrote: post #41

Earlier quoted context omitted.

I think they've iterated on the design a bit over the years, but my primary criticism is that it can be hard to distinguish that an input is, in fact, an input. I think Google has since changed their design to have a filled background or border, which definitely helps - but this particular implementation doesn't seem to do that (except when the input is disabled, which sort of defeats the point). There's also a lot o…

I think it strongly evokes a line on a paper form, which indicates a place where the user must fill out a field (and fits with the recurring paper metaphor). If I'd never used a computer before, I think I would figure this out based on the context clues. So while it may not fit current UI paradigms, it might be better? I applaud Material Design for attempting to move things forward in this way.

The issue is that the computer screen is not a paper form. You can't just fill out forms wherever you see dotted lines/horizontal rules(hr tags). Unlike paper pages, most of the HTML pages are read only / not content editable.

Re: Show HN: Solid, a free and MIT licensed design system / UI kit for Bootstrap 4

#52

Post by Etheryte »

The fact that even the header parallax is janky on a laptop, not to mention a phone, doesn't instill the feeling that this is built sturdily. Looks aren't worth much if the page is laggy even with what's essentially static content. As another example, when ticking a box for the first time, there's a visible delay on state transitions. Toggling back and forth after that doesn't seem to be an issue. The crosses in badge removal look off, the corners are doubled as if there's two icons overlaid with a small position difference. The links in the site footer are practically unreadable with dark purple on a dark gray background.

Don't get me wrong, I don't mean to put your work down. Building a whole UI library from scratch is far from being a small feat and making it open source is definitely admirable. At the moment it feels like it could use some polish, though.

Re: Show HN: Solid, a free and MIT licensed design system / UI kit for Bootstrap 4

#53

Post by vantagedesign »

Etheryte wrote: post #52

The fact that even the header parallax is janky on a laptop, not to mention a phone, doesn't instill the feeling that this is built sturdily. Looks aren't worth much if the page is laggy even with what's essentially static content. As another example, when ticking a box for the first time, there's a visible delay on state transitions. Toggling back and forth after that doesn't seem to be an issue. The crosses in badg…

Thanks for your feedback. It's really weird though because for me on a laptop, everything is butter smooth. Even the parallax in the header. So I wouldn't know where those performance issues originate from. Would you know a way to troubleshoot these and solve them? It's mostly pure Bootstrap CSS with the addition of CSS animations. Nothing fancy or strange. Except for the parallax, but that's another story. Inputs and dropdowns should all be very smooth and reacting instantly.

Re: Show HN: Solid, a free and MIT licensed design system / UI kit for Bootstrap 4

#54

Post by Ninn »

vantagedesign wrote: post #53
Etheryte wrote: post #52

The fact that even the header parallax is janky on a laptop, not to mention a phone, doesn't instill the feeling that this is built sturdily. Looks aren't worth much if the page is laggy even with what's essentially static content. As another example, when ticking a box for the first time, there's a visible delay on state transitions. Toggling back and forth after that doesn't seem to be an issue. The crosses in badg…

Thanks for your feedback. It's really weird though because for me on a laptop, everything is butter smooth. Even the parallax in the header. So I wouldn't know where those performance issues originate from. Would you know a way to troubleshoot these and solve them? It's mostly pure Bootstrap CSS with the addition of CSS animations. Nothing fancy or strange. Except for the parallax, but that's another story. Inputs an…

Honestly I have the same lag. Chrome on OSX MBP 15" 2018.

Re: Show HN: Solid, a free and MIT licensed design system / UI kit for Bootstrap 4

#55

Post by omniscient_oce »

Etheryte wrote: post #52

The fact that even the header parallax is janky on a laptop, not to mention a phone, doesn't instill the feeling that this is built sturdily. Looks aren't worth much if the page is laggy even with what's essentially static content. As another example, when ticking a box for the first time, there's a visible delay on state transitions. Toggling back and forth after that doesn't seem to be an issue. The crosses in badg…

I'm confused. It says it costs 49 euros to download on the page at the bottom.

Re: Show HN: Solid, a free and MIT licensed design system / UI kit for Bootstrap 4

#56

Post by crazytweek »

vantagedesign wrote: post #53
Etheryte wrote: post #52

The fact that even the header parallax is janky on a laptop, not to mention a phone, doesn't instill the feeling that this is built sturdily. Looks aren't worth much if the page is laggy even with what's essentially static content. As another example, when ticking a box for the first time, there's a visible delay on state transitions. Toggling back and forth after that doesn't seem to be an issue. The crosses in badg…

Thanks for your feedback. It's really weird though because for me on a laptop, everything is butter smooth. Even the parallax in the header. So I wouldn't know where those performance issues originate from. Would you know a way to troubleshoot these and solve them? It's mostly pure Bootstrap CSS with the addition of CSS animations. Nothing fancy or strange. Except for the parallax, but that's another story. Inputs an…

FYI: I'm having the same problems. Especially the click effect on buttons is really laggy (Testing on Chrome). That's really annoying as you see it all the time.

Having a 2017 MacBook Pro, 2,9GHz I9, 16GB RAM and an Radeon with 4GB. So my Hardware shouldn't be the Problem. Maybe some Chrome/MacOSX Bug?

Re: Show HN: Solid, a free and MIT licensed design system / UI kit for Bootstrap 4

#57

Post by vorpalhex »

On the Download/Buy page, there's no good indication of bundle sizes or dependencies, nor do I see it obviously in the docs.

Bundle size and sub-dependencies is something really important to me when I choose tools and it's part of why I really like Spectre and Skeleton.

Re: Show HN: Solid, a free and MIT licensed design system / UI kit for Bootstrap 4

#58

Post by Etheryte »

omniscient_oce wrote: post #55
Etheryte wrote: post #52

The fact that even the header parallax is janky on a laptop, not to mention a phone, doesn't instill the feeling that this is built sturdily. Looks aren't worth much if the page is laggy even with what's essentially static content. As another example, when ticking a box for the first time, there's a visible delay on state transitions. Toggling back and forth after that doesn't seem to be an issue. The crosses in badg…

I'm confused. It says it costs 49 euros to download on the page at the bottom.

Oh, I missed that bit entirely when scrolling the page. Apparently there's a free version and a paid version, the latter having more stuff.

Re: Show HN: Solid, a free and MIT licensed design system / UI kit for Bootstrap 4

#59

Post by vantagedesign »

Ninn wrote: post #54
vantagedesign wrote: post #53

Earlier quoted context omitted.

Thanks for your feedback. It's really weird though because for me on a laptop, everything is butter smooth. Even the parallax in the header. So I wouldn't know where those performance issues originate from. Would you know a way to troubleshoot these and solve them? It's mostly pure Bootstrap CSS with the addition of CSS animations. Nothing fancy or strange. Except for the parallax, but that's another story. Inputs an…

Honestly I have the same lag. Chrome on OSX MBP 15" 2018.

That's so weird. For me it's all butter smooth, and I'm on a 6+ year old desktop with Firefox.

Re: Show HN: Solid, a free and MIT licensed design system / UI kit for Bootstrap 4

#60

Post by vantagedesign »

crazytweek wrote: post #56
vantagedesign wrote: post #53

Earlier quoted context omitted.

Thanks for your feedback. It's really weird though because for me on a laptop, everything is butter smooth. Even the parallax in the header. So I wouldn't know where those performance issues originate from. Would you know a way to troubleshoot these and solve them? It's mostly pure Bootstrap CSS with the addition of CSS animations. Nothing fancy or strange. Except for the parallax, but that's another story. Inputs an…

FYI: I'm having the same problems. Especially the click effect on buttons is really laggy (Testing on Chrome). That's really annoying as you see it all the time. Having a 2017 MacBook Pro, 2,9GHz I9, 16GB RAM and an Radeon with 4GB. So my Hardware shouldn't be the Problem. Maybe some Chrome/MacOSX Bug?

Could be it, I'm on a i7-4770K with Win10 and Firefox and no lag at all anywhere.

I don't have a Mac so I can't test it on MacOS I'm afraid..

Post reply on HN