UI Dev Newsletter

Issue:#42

2021-02-01

• New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly

  https://web.dev/aspect-ratio/

  Una Kravets introduces the new CSS property that helps maintain spacing in responsive layouts.

• Don’t Shut Down Your Business! Instead Use Eleventy Image

  https://www.zachleat.com/web/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

  https://css-tricks.com/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

  https://dev.to/xinnks/create-loading-animations-with-svg-and-css-1d0p

  James Sinkala shows how to animate SVG stroke with CSS and a bit of math.

• The most useful accessibility testing tools and techniques

  https://blog.sapegin.me/all/accessibility-testing/

  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

  https://www.smashingmagazine.com/2021/01/tools-resources-remote-work/

  Cosima Mielke shares some useful tools and resources to stay creative, focused, and organized when working remotely.

• Mesh

  https://meshgradient.com/

  The app for creating beautiful mesh gradients.

• A single-div panda

  https://mobile.twitter.com/diana_ashktorab/status/1354840337525731328

  Diana, an 8-year-old, explains how to build a panda using CSS and a single div.

All issues

• Issue #46 (2021-03-01)
• Issue #45 (2021-02-22)
• Issue #44 (2021-02-15)
• Issue #43 (2021-02-08)
• Issue #42 (2021-02-01)
• Issue #41 (2021-01-25)
• Issue #40 (2021-01-18)
• Issue #39 (2021-01-11)
• Issue #38 (2021-01-04)
• Issue #37 (2020-12-28)
• Issue #36 (2020-12-21)
• Issue #35 (2020-12-14)
• Issue #34 (2020-12-08)
• Issue #33 (2020-12-01)
• Issue #32 (2020-11-23)
• Issue #31 (2020-11-16)
• Issue #30 (2020-11-09)
• Issue #29 (2020-11-02)
• Issue #28 (2020-10-26)
• Issue #27 (2020-10-19)
• Issue #26 (2020-10-12)
• Issue #25 (2020-10-05)
• Issue #24 (2020-09-28)
• Issue #23 (2020-09-21)
• Issue #22 (2020-09-14)
• Issue #21 (2020-09-07)
• Issue #20 (2020-08-31)
• Issue #19 (2020-08-24)
• Issue #18 (2020-08-17)
• Issue #17 (2020-08-10)
• Issue #16 (2020-08-03)
• Issue #15 (2020-07-27)
• Issue #14 (2020-07-20)
• Issue #13 (2020-07-13)
• Issue #12 (2020-07-06)
• Issue #11 (2020-06-29)
• Issue #10 (2020-06-22)
• Issue #9 (2020-06-15)
• Issue #8 (2020-06-08)
• Issue #7 (2020-06-01)
• Issue #6 (2020-05-25)
• Issue #5 (2020-05-18)
• Issue #4 (2020-05-11)
• Issue #3 (2020-05-04)
• Issue #2 (2020-04-27)
• Issue #1 (2020-04-20)