Live data from Hacker News

CSS checkbox examples

getcssscan.com

61–64 of 64 posts

Re: CSS checkbox examples

#61

Earlier quoted context omitted.

This seems more like a gallery of art/starting point than a "use this as-is", so I'm sad to see this comment on the top of HN since as a show of what can be accomplished with checkboxes it's amazing. We front-end devs would benefit from a lot more works of art like this, and then people trying to implement them into real systems would need to make them accessible. Similar to how we benefit greatly from Dribbble. If w…

I agree with the sentiment but there are problems besides accessibility here: 1. Crosses and squares being used instead of check marks. 2. Circles being used as containers instead of boxes. 3. Toggle switches being presented as checkboxes. Maybe 5-10 of these are good inspiration for checkboxes.

Naming element types by their style or form (box) rather than features in an implementation that encourages separating style leads to a more general problem.

Re: CSS checkbox examples

#62
Pretty mixed feelings.

It's nice that there's all this "free" stuff that I can see and play with and just click to copy and drop into my own project without any thinking or worrying about buying UI kits…

… But I write novel CSS too. It's a very real part of my livelihood and this company is selling a product that can take my work without any attribution in the copied code. And then they seemingly use that work to market their product.

Important to remember that [even good] attribution is no substitute for an actual license to use somebody else's code. It's piracy. You wouldn't steal a policeman's helmet, etc.

Re: CSS checkbox examples

#63

It was a fun exercise to go through each of the designs in this gallery and evaluate each one. It's easy to do that for individual form controls as design elements! Lots of these made for a nice showcase but should never be used in a product ever - just horrendously unintuitive. For some, I wouldn't even know they were checkboxes if the page wasn't titled "here's a bunch of checkboxes". But a few of them were actuall…

> #33 was by far my favourite, for the record.

That "pulse" on activation is pretty much Material Design. https://material-components.github.io/material-web/demos/che...

Re: CSS checkbox examples

#64

Earlier quoted context omitted.

What framework uses divs as lists without accessibility hints? I can't think of, or find, a major one that does.

You will not believe this, but it's called Semantic UI: https://semantic-ui.com/elements/list.html

Look at that.. My god. Point conceded.
Post reply on HN