UI Dev Newsletter Issue #42
In this issue: aspect-ratio property, SVG and CSS animations, mesh gradients, and more.
New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly
Una Kravets introduces the new CSS property that helps maintain spacing in responsive layouts.
Don’t Shut Down Your Business! Instead Use Eleventy Image
Zach Leatherman announces an exciting new utility to perform build-time image transformations for both vector and raster images.
Re-Creating the Porky Pig Animation from Looney Tunes in CSS
Kilian Valkhof shows how to use transforms and 3D perspective to make Porky Pig come out of red rings.
Create Loading Animations with SVG and CSS
James Sinkala shows how to animate SVG stroke with CSS and a bit of math.
The most useful accessibility testing tools and techniques
Artem Sapegin shares a list of tools he uses to ensure everything is accessible for people with different abilities.
Making Remote Work Work: Useful Tools And Resources
Cosima Mielke shares some useful tools and resources to stay creative, focused, and organized when working remotely.
The app for creating beautiful mesh gradients.
A single-div panda
Diana, an 8-year-old, explains how to build a panda using CSS and a single div.