You might have noticed that these notes are #POSSE on social networks with a link to a shorter domain. 🤔
https://nho.link/ is my short URL domain, hosting only redirects. It is also powered by #Eleventy! 💪
Use the "1y" template to create your own: https://github.com/nhoizey/1y
Hashtags written in Markdown content of such notes are automatically transformed into tag links in the site with some #Eleventy magic (I'll explain later), but are not yet "true" tags.
Waiting for an issue to be resolved (if possible): https://github.com/11ty/eleventy/issues/971
Migration from #Jekyll to #Eleventy now complete, and even more! 💪
Keir Watson
Responsive Grid Magazine Layout in Just 20 Lines of CSS
Interesting dive into some of CSS Grid subtleties, to build a nice magazine layout.
Google’s new reCAPTCHA has a dark side
Because reCaptcha v3 is likely to be on every page of a website, if you’re signed into your Google account there’s a chance Google is getting data about every single webpage you go to that is embedded with reCaptcha v3—and there many be no visual indication on the site that it’s happening, beyond a small reCaptcha logo hidden in the corner.
Regardless of what accessibility conformance level you target, do not arbitrarily open links in a new window or tab. If you are required to do so anyway, inform users in text.
Deep dive CSS: font metrics, line-height and vertical-align
Line-height and vertical-align are simple CSS properties. So simple that most of us are convinced to fully understand how they work and how to use them. But it’s not. They really are complex, maybe the hardest ones, as they have a major role in the creation of one of the less-known feature of CSS: inline formatting context.
The layered approach of progressive enhancement echoes the separation of concerns in the front-end stack: HTML, CSS, and JavaScript—each layer expressing more power. But while these concepts are related, they’re not interchangable. Separating out the layers of your tech stack isn’t necessarily progressive enhancement. If you have some HTML that relies on JavaScript to be useful, then there’s no benefit in separating that HTML into a separate payload. The HTML that you initially send down the wire needs to be functional (at least at a basic level) before the JavaScript arrives.
Pierre-Louis Boyer
OneDevice, a smartphone that makes sense
I really like this idea. I loved my iPhone 4 size in the pocket. I even paid more to get an iPhone Xs instead of the cheaper but bigger Xr.
Katharine Schwab
Adrian Roselli
Vincent De Oliveira
Jeremy Keith