Weekly web development update #59
Tags: webdev, weekly
Published: 2021-01-27 08:01:20



______

##[Glyphs](https://glyphs.fyi/)
[![Glyphs](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/59/glyphs.jpg)](https://glyphs.fyi/)
A dynamic design system for creating icon sets in Figma and using them on the web.

______

##[Ojoy](https://ojoy.netlify.app/)
[![Ojoy](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/59/ojoy.jpg)](https://ojoy.netlify.app/)
A nice tool to enlarge low-res images and improve their quality.

______

##[Nested Media Queries](https://www.bram.us/2021/01/11/nested-media-queries/)
[![Nested Media Queries](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/59/nested-media-queries.jpg)](https://www.bram.us/2021/01/11/nested-media-queries/)
A small article about nesting media queries.

______

##[On-Scroll Letter Animations](https://tympanus.net/codrops/2021/01/20/on-scroll-letter-animations/)
[![On-Scroll Letter Animations](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/59/OnScrollLetterAnimations.jpg)](https://tympanus.net/codrops/2021/01/20/on-scroll-letter-animations/)
A small set of examples showing how letters can be animated on scroll.

______

##[CSS Clamp Wrapper](https://piccalil.li/quick-tip/use-css-clamp-to-create-a-more-flexible-wrapper-utility)
[![CSS Clamp Wrapper](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/59/clamp.jpg)](https://piccalil.li/quick-tip/use-css-clamp-to-create-a-more-flexible-wrapper-utility)
An article on how to use CSS Clamp to create a more flexible wrapper utility.

______

##[MagicTween](https://app.tweentoast.com/)
[![MagicTween](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/59/magic-tween.jpg)](https://app.tweentoast.com/)
A tool that converts SVGs into exportable 3D videos.

______

##[ButtonBuddy](https://buttonbuddy.dev/)
[![ButtonBuddy](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/59/button-gen.jpg)](https://buttonbuddy.dev/)
A generator for buttons with accessible colors.

______

##[vim.so](https://www.vim.so/)
[![vim.so](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/59/vim.jpg)](https://www.vim.so/)
Interactive exercises for learning Vim faster.

______

##[JPEG.rocks](https://jpeg.rocks/)
[![JPEG.rocks](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/59/jpeg-rocks.jpg)](https://jpeg.rocks/)
A Privacy-aware JPEG optimizer that does all the processing entirely in the browser.

______

##[Understanding Clip Path in CSS](https://ishadeed.com/article/clip-path/)
[![Understanding Clip Path in CSS](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/59/clip-path.jpg)](https://ishadeed.com/article/clip-path/)
An introduction about CSS clip-path, how it works, with example and use-cases.

______

##[State of JS 2020](https://2020.stateofjs.com/en-US/)
[![State of JS 2020](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/59/stateofjs2020.jpg)](https://2020.stateofjs.com/en-US/)
The results of the annual survey about the latest trends in the JavaScript ecosystem.

______

To see all the weeklies check: [wweb.dev/weekly](https://wweb.dev/weekly)