I think the CSS accent-color addition is awesome, but we still can't modify the spacing between the checkmark and the border, or the icon in the checkbox. CSS is still a lot behind imo and it would take a lot of time for it to become hack-free.
This really is the key to devs embracing native elements. It's not that we don't want to use them, its that we can't mould the element into what's been designed. Until we can customize every piece of the element in the shadow DOM, their usage will remain limited.
I hear what both of you say. For me accent-color is enough to make a checkbox blend smoothly with the app styles.
Having control over the internal spacing, why not. But there is a limit beyond which a checkbox is not a checkbox anymore, and changing the icon inside is crossing that limit for me. Either the desired icon looks like a checkmark and the benefit is very small, either it looks like something else and to me that seems a lot like choosing UI over UX and accessibility.
So while I hope that accent-color will motivate devs to use the native elements, I also think that, like James said, we should embrace them and give up on the idea that we should be able to customize every pixel of them (which of course turns to another problem when you need to speak to designers ! but I think a lot of them can understand that. At least it's worth a try).
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
I think the CSS
accent-coloraddition is awesome, but we still can't modify the spacing between the checkmark and the border, or the icon in the checkbox. CSS is still a lot behind imo and it would take a lot of time for it to become hack-free.Hats off, Awesome article @bcalou!
This really is the key to devs embracing native elements. It's not that we don't want to use them, its that we can't mould the element into what's been designed. Until we can customize every piece of the element in the shadow DOM, their usage will remain limited.
I hear what both of you say. For me accent-color is enough to make a checkbox blend smoothly with the app styles.
Having control over the internal spacing, why not. But there is a limit beyond which a checkbox is not a checkbox anymore, and changing the icon inside is crossing that limit for me. Either the desired icon looks like a checkmark and the benefit is very small, either it looks like something else and to me that seems a lot like choosing UI over UX and accessibility.
So while I hope that
accent-colorwill motivate devs to use the native elements, I also think that, like James said, we should embrace them and give up on the idea that we should be able to customize every pixel of them (which of course turns to another problem when you need to speak to designers ! but I think a lot of them can understand that. At least it's worth a try).