Links
Abusing Customizable Selects
Let’s go over a few demos using the new customizable
<select>feature that may be wild, but also give us a great chance to learn new things in CSS.
The Big Gotcha of Anchor Positioning
I feel like an idiot, because I’m very guilty of telling people that one of the amazing benefits of Anchor Positioning in CSS is that you can position elements relative to other elements regardless of where they are in the DOM. But no, you can’t. Sorry about that. There are a bunch of limitations which can feel quite inscrutable at first. New types of problems that, to my knowledge, haven’t existed quite like this in CSS before.
contrast-color() beyond black & white
Two techniques that bypass the black-or-white limit of contrast-color() for custom color palettes.
Un-Sass'ing My CSS: Colour Functions Without Sass
A practical guide to replacing Sass color functions like
lighten(),darken(), andtint()with modern CSS usingcolor-mix()and relative color syntax.
The Enforced Accessibility of the Geolocation Element
It enforces a variety of accessibility requirements quite strictly. Let’s dig into that a little here, as I find it quite interesting. I’m not sure if we’ve had an element in HTML that behaves quite like this before.
Videos
Little Dummies: Simple FPO Content Helpers
Eleventy is great for rapid prototyping! Tyler shows off a few of his favorite shortcodes, filters and other techniques to quickly populate interactive mockups and wireframes with “dummy” placeholder content.
You can find code samples from the slides consolidated in this blog post
Sponsor
Sponsored by Cloud Four
Thanks to Cloud Four for sponsoring this week’s newsletter! They solve complex responsive web design and development challenges for ecommerce, healthcare, fashion, B2B, SaaS, and nonprofit organizations.
If you’d like to help with the costs of running Friday Front-End, you can back our Patreon for as little as a dollar a month.