One of the most problem areas as JS developers move from absolute-beginner to just-a-nudge-above-absolute-beginner is dealing with
this. It is confusing at first (and even sometimes well after “at first”), and the arrival of ES6 will only help to confuse things even further. Again, at first, maybe. But Kyle Simpson is here to help clarify the
this; pretty simple once you get(-ify) it… [snarf-snarf…]
Ever needed to code a measurement in HTML? You know, something simple, like: 10 kg. Turns out, if you’re trying to be semantic (which we always try to do, right?), it’s not as easy as you might like… But Dudley Storey is here to help with Marking Up Measurements Correctly in HTML5.
Got images? Wanna lazy-load them?? Here are several options, from rolling your own vanilla JS, to grabbing someone else’s jQuery.
Speaking of images, Guide To Using WebP Images Today: A Case Study takes a good bit of time making the case for using WebP, then tests four possible solutions, and finally offers their suggestion, albeit with issues they deem acceptable; you will have to decide if it makes sense for you.
Kudos to Washington, DC for pushing protected bicycle lanes. Would love to have some form of separation on my daily commute; typical drivers simply are not looking for bicycles, and pull out in front of me all the time…
Awesome collection of accessibility wins!
Awesome collection of DevTools wins! :-)
chart.css: A Simple CSS Chart System
And with no JS, that is simple and elegant…
Ben Nadel aims to improve UX by disabling the selection of “action items” to prevent that annoying highlight you get when you click too fast, or accidentally move a smidge when you click. He makes use of
user-select, which is non-standard, but quite well-supported. I guess the only question would be, “What if some user, for some reason, does want to highlight and copy that element?” Guess, as a developer, it’s up to you to decide.
Two clever uses of the ubiquitous pull-down, opening the doors for lots of options.
CSS quantity query selectors might take a minute to wrap your head around, but once you do, you are going to love the flexibility they give your UI!
CSSgram: A tiny (<1kb gzipped!) library for recreating Instagram filters with CSS filters and blend modes.
And finally, “In a 74 to 21 vote, the Senate has voted to pass the Cybersecurity Information Sharing Act, or CISA“… I guess this is how you eventually win in politics, just keep pushing the same old shit until people get sick of fighting you and stop paying attention… Well, onward.