A Color Input That Also Shows the Value
For who-knows-what reason color inputs only show a color swatch, not a string representation of the color. Let’s see if we can fix that.
For who-knows-what reason color inputs only show a color swatch, not a string representation of the color. Let’s see if we can fix that.
The Interop 2025 list is out. Interoperability matters because it ensures that the code you write for the web will work the same way for your users regardless of browser and device. The Interop project is a yearly effort where browser implementers survey developers about top pain-points and agree on areas where we will concentrate resources to […]
::selection is cool, but scoping it to selectors like :nth-child(5n+2) is even more fun, especially on a love filled ay like Valentine’s Day.
Brian Smith on MDN: This is big news for web developers because working with dates and times in JavaScript will be hugely simplified and modernized. Temporal is designed as a full replacement for the Date object, making date and time management reliable and predictable. Temporal adds support for time zone and calendar representations, many built-in methods for […]
I think it’s fun to take stock of the tools we use as developers. You know, so we can look back and laugh at our primitive setups. And actually, to inspire you to share yours so I can steal all your better tools. Here’s a rundown of stuff I use, focused mostly on literal apps […]
Realtime applications (or games!), where multiple users are working at once and the state of the app needs to be in sync with each other and persisted, is more and more a common need and expected feature. But it’s not simple. There are products to help (PouchDB for data and Ably for messaging come to […]
The typical approach for these inputs is using multiple HTML inputs, one for each character. But is that a good idea?
There are 155,063 Unicode characters. A lot of that is stuff from other languages, but there is still a large amount of randomly useful characters like arrows and symbols and whatnot. There are so many that even if you find good lists, it’s hard to search and sort. I like Benjamin Milde’s idea, shapecatcher, that […]
There are A LOT of options these days for getting AI help right in your code editor. What seemed to begin with plugins has morphed into a lot of VS Code forks.
Kerning type is moving individual letters such that the space between them feels right. It’s not something you have to be terribly concerned about with web type generally, but it’s still a good design skill to have for working on type that is quite large or long-lasting like a physical sign, logo, giant headline, etc. […]
Frontend Masters Donates to open source projects. $363,806 contributed to date.