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.
-
Mesh
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.