WDRL — Edition 291: Back again with a mostly CSS edition

Celý článek

Hey,

no, you didn’t miss an edition, I just failed to write again. The struggles of writing WDRL lately made me think and write down something but so far I have no conclusion on how it’ll go on. A few ideas are in my mind already. But autumn in full progress here in Germany, I found some time to read through articles and technologies and here is an edition mostly showing nice CSS solutions but also a couple of things to think about.

Security

• Jake Archibald teaches us how we win at CORS (Cross-Origin Resource Sharing). This is great because it’s one of the trickier things to test, debug and grasp CORS as a developer.

HTML & SVG

• Christian Kozalla shows the proper approach to implement and style a dialog element to show a dialog/overlay/modal to a user.

Accessibility

• Eric Eggert explains the differences between buttons and links and why we shouldn’t just use what we want to for our web apps but the proper types instead.

JavaScript

• Livewire is a nice technology to use in dynamic Laravel apps. Caleb Porzio shares how it works and how to use it in a deep dive article.
• If you’re using Laravel already, here’s a nice alternative to the hosted services for adding a support bubble to your website.
• Vizzu is a library for animated data visualizations and data stories. Here’s an overview of what it can do.

CSS

• Stefan Judis shares how we can do conditional border-radius today but future holds a much more readable approach for us.
• Chris Coyier shares future additions currently in development for CSS, and they’re super cool. It would allow for native nesting, container queries and units, cascade layers, @when (native if/else), and scoping. Alle we ever wished for in the past decade.
• David Hall explains how much of a difference a well crafted drop shadow makes for interaction. I love these detailed explanations of something that looks very simple.
• Chris Coyier on the different degrees of custom property usage and why the decision how to do it fully depends on the context of the team and project we’re working in.
• First of all I’m convinced that absolute positioning in CSS has its value and its use-cases. But in many cases it also creates new problems, especially in responsive and modular contexts. So this documentation of use-cases where we don’t need absolute positioning in CSS anymore is great.
• Mikael Ainalem shares an approach to create pop-out effects in CSS using clip-path().
• We know a lot of the techniques highlighted in this article from our work as CSS developers. But gladly with new techniques we can switch away from pseudo-element hacks to more stable solutions today.
• There’s a new CSS property called accent-color which makes it quick and easy to roll out global styles.

Work & Life

• Long time ago I wrote this piece and had the intend to let it publish somewhere else. But it didn’t happen so here it is on my personal blog: It’s time for a healthy tech approach.

Go beyond…

• Berwyn Powell considers the impact of a web application or website on carbon emissions and how we can reduce them as developers.

I hope you’re doing fine and have a way to stay positive, find your way to make an impact and help build a better society, better friendships and make our world a little better.
If you want to support my work, you can give back via PayPal or Stripe. Thank you!

Anselm