Weekly web development resources #62
Tags: webdev, weekly
Published: 2021-02-17 07:03:44



______

##[svgwaves.io](https://www.svgwaves.io/)
[![svgwaves.io](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/62/svgwaves.jpg)](https://www.svgwaves.io/)
A cool generator for svg wave shapes.

______

##[Remotion](https://www.remotion.dev/)
[![Remotion](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/62/remotion.jpg)](https://www.remotion.dev/)
A tool to create MP4 motion graphics in React. Use CSS, SVG, and WebGL to render videos programmatically.

______

##[github1s](https://github.com/conwnet/github1s)
[![github1s](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/62/github1s.jpg)](https://github.com/conwnet/github1s)
A cool project to display the github code on a visual studio like website.

______

##[An Interactive Guide to CSS Transitions](https://www.joshwcomeau.com/animation/css-transitions/)
[![An Interactive Guide to CSS Transitions](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/62/css-transitions.jpg)](https://www.joshwcomeau.com/animation/css-transitions/)
A guide that shows the basics of how to use CSS transitions

______

##[️Fusuma](https://hiroppy.github.io/fusuma/)
[![️Fusuma](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/62/fusuma.jpg)](https://hiroppy.github.io/fusuma/)
A collection of the latest and up to date resources to learn JavaScript.

______

##[CSS Polygon Shapes](https://codepen.io/yuanchuan/full/QWGWXPz)
[![CSS Polygon Shapes](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/62/css-polygon-shapes.jpg)](https://codepen.io/yuanchuan/full/QWGWXPz)
A bunch of shapes generated with css-doodle and clip-path.

______

##[Pika](https://superhighfives.com/pika)
[![Pika](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/62/pika.jpg)](https://superhighfives.com/pika)
An open-source colour picker app for macOS.

______

##[Pace](https://codebyzach.github.io/pace/)
[![Pace](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/62/pace.jpg)](https://codebyzach.github.io/pace/)
A JavaScript library for beautiful, automatic page load progress bars.

______

##[PSone.css](https://github.com/micah5/PSone.css)
[![PSone.css](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/62/psone-css.jpg)](https://github.com/micah5/PSone.css)
A PS1 style CSS Framework, inspired by NES.css.

______

##[Front-End Performance Checklist 2021](https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/)
[![Front-End Performance Checklist 2021](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/62/adaptive-media-serving.jpg)](https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/)
 An annual front-end performance checklist, with everything you need to know to create fast experiences on the web.

______

##[Illustration Kit](https://illustrationkit.com/)
[![Illustration Kit](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/62/illustrationkit.jpg)](https://illustrationkit.com/)
A collection of illustrations, which gets updated daily.

______

##[SVG Repo](https://www.svgrepo.com/)
[![SVG Repo](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/62/svgrepo.jpg)](https://www.svgrepo.com/)
A collection of 300.000+ free SVG Vectors and Icons.

______

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