Identify and Extract Pseudo-Element Selectors from built-in HTML Elements using DevTools
LEGO – MASTERS by Marco Sodano
I like these little masterpieces by Marco Sodano. Pixel-art using LEGO, if you like 🙂 Self-Portrait, Vincent Van Gogh (1889) Mona Lisa, Leonardo da Vinci (c. 1503–1506) Girl with a Pearl Earring, Johannes Vermeer (c. 1665) More artworks in the links. LEGO – MASTERS (Set 1) →LEGO – MASTERS (Set 2) →
JavaScript Temporal API — A Fix for the Date API
Anyone who has worked with dates and time in JavaScript knows how broken the built-in Date is. In the near future we’ll be able to use Temporal instead, an ECMAScript feature currently at Stage-3 Nathan Sebhastian has a good overview on how it compares to Date, along with some practical examples. The new Temporal API …
Continue reading “JavaScript Temporal API — A Fix for the Date API”
Animating Text Underlines
Instead of resorting to faux underlines using injected content, Michelle Barker shares that we nowadays can animate the text-decoration-* properties to achieve similar (and better) results. This approach however won’t work in Chromium, as only Firefox/Safari support animating text-underline-offset at the moment … but thankfully a tiny amount of CSS Houdini Magic can be sprinkled …
Container Queries are Actually Coming / Say Hello To CSS Container Queries
Continue reading “Container Queries are Actually Coming / Say Hello To CSS Container Queries”
New in Chrome 90
Comparing the New Generation of Build Tools
Over at CSS-Tricks Hugh Haworth has done a nice write-up on the next generation of build tools that have been popping up. A bunch of new developer tools have landed in the past year and they are biting at the heels of the tools that have dominated front-end development over the last few years, including …
Continue reading “Comparing the New Generation of Build Tools”
Scroll-Linked Animations with CSS Scroll-Timeline (CSS Conf Colombia)
Dark mode in 5 minutes, with inverted lightness variables
Lea Verou shows a method to implement dark mode, not by swapping entire colors, but by simply changing their lightness The basic idea is to use custom properties for the lightness of colors instead of the entire color. Then, in dark mode, you override these variables with 100% – lightness. This generally produces light colors …
Continue reading “Dark mode in 5 minutes, with inverted lightness variables”
Accessible front-end components: claims vs reality
Great post by Hidde, warning about blindly trusting accessibility claims. Not all ‘accessible components’ are created equal, some will work a lot better for our end users than other. In this post I have listed a number of things you can look at if you are considering third-party components. I especially like this part: Sometimes, …
Continue reading “Accessible front-end components: claims vs reality”