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

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

#31

Post by vantagedesign » Tue, May 12, 2020, 1:22 PM UTC

guptaneil wrote: post #30

Looks nice! Some feedback: if I saw those disabled buttons without an active button next to it, I would have no idea they are disabled and would wonder why the button isn’t working. I recommend using gray for disabled, instead of just a lighter color scheme.

Thank you! Appreciate that feedback, I'll look into that. Sounds like it might be a good tweak to the styling. However, I also like it when a button, even when disabled, may still convey meaning of success, for example. So that I know that I want that button to become 'active'. At least, that's my view on it.

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

#32

Post by vantagedesign » Tue, May 12, 2020, 1:23 PM UTC

pdbrito wrote: post #28

Feels really sluggish on mobile. There's a noticeable delay when interacting with components. It's easiest to see with the dropdown but seems to apply to all of them. I tried both Brave and Chrome, using a Pixel 3A.

Hmm strange. I'm on a Galaxy S8 with Chrome and I only notice a slight lag with the parallax elements. The other elements all seem to function very smoothly. I'll look into it and see what I can find! Thank you :)

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

#33

Post by vantagedesign » Tue, May 12, 2020, 1:24 PM UTC

tyingq wrote: post #29

vantagedesign wrote: post #26

Earlier quoted context omitted.

Okay thanks I'm going to check it out. I think some browsers add an outline to indicate it being selected, it might be that. I believe Firefox has a slightly visible dotted line around each element.

Also happens on current Chrome on Windows, though it's blue. Adding "outline: none;" to the below button element fixes it. ...

Okay I'll see if I can apply that fix in a future update, thanks! It's probably a Chrome specific thing then.

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

#34

Post by richrichardsson » Tue, May 12, 2020, 1:25 PM UTC

vantagedesign wrote: post #4

Hi all! I'd love to know what you think of this design system. Feedback is highly appreciated and will be taken into account for future updates!

I was a bit confused with the pricing and licenses. All three licenses seemed to be the same price when I added to cart (although it says "from 49€", so I expected the licenses above standard to be more expensive).

I generally found the licensing to be a bit confusing tbh (but that probably due to them all being the same price).

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

#35

Post by thefounder » Tue, May 12, 2020, 1:29 PM UTC

I don't like the "material design" text inputs. Always found them confusing.

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

#36

Post by iakh » Tue, May 12, 2020, 1:30 PM UTC

pdbrito wrote: post #28

Feels really sluggish on mobile. There's a noticeable delay when interacting with components. It's easiest to see with the dropdown but seems to apply to all of them. I tried both Brave and Chrome, using a Pixel 3A.

Same on this Pixel 4. Feels like maybe a 200-300ms delay before any animation is triggered

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

#37

Post by vantagedesign » Tue, May 12, 2020, 1:33 PM UTC

thefounder wrote: post #35

I don't like the "material design" text inputs. Always found them confusing.

I personally like them and I think many people do. Nevertheless, I'm curious to what you do like. What would you like to see?

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

#38

Post by cionescu » Tue, May 12, 2020, 1:35 PM UTC

Looks very nice. Bootstrap and material design were married before in mdbootstrap. Don't really understand the choices for pro items (some very basic components are part of the pro package). I would personally not use it because it's not a drop-in replacement for Bootstrap currently (so I could validate its usefulness) and then decide whether to buy or not

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

#39

Post by vantagedesign » Tue, May 12, 2020, 1:36 PM UTC

richrichardsson wrote: post #34

vantagedesign wrote: post #4

Hi all! I'd love to know what you think of this design system. Feedback is highly appreciated and will be taken into account for future updates!

I was a bit confused with the pricing and licenses. All three licenses seemed to be the same price when I added to cart (although it says "from 49€", so I expected the licenses above standard to be more expensive). I generally found the licensing to be a bit confusing tbh (but that probably due to them all being the same price).

They shouldn't be the same price: as soon as you select a license it updates the price. Do you have JavaScript enabled? Perhaps my ecommerce software is a bit wonky in that regard, and I'd love to know more about your situation so I can fix that :)

Did they show the correct price when they were in the cart?

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

#40

Post by laken » Tue, May 12, 2020, 1:36 PM UTC

I like it! Only issue I have though are some less than accessible design decisions. A lot of them could be fixed based on implementation (including `for` in the labels), and including a label with the select dropdown, but other than that I like it.