Weekly web development update #19
Tags: webdev, weekly
Published: 2020-04-01 05:29:21

Hello everyone - here are the updates of things I've found from the week of April 1st, 2020.

______

##[MVP.css](https://andybrewer.github.io/mvp/?utm_source=wweb.dev)
[![MVP.css](https://andybrewer.github.io/mvp/img/stock.jpg)](https://andybrewer.github.io/mvp/?utm_source=wweb.dev)
A CSS library, which styles the basic HTML elements. No CSS classes needed for a decent website styling.

______

##[Web Skills](https://andreasbm.github.io/web-skills/?utm_source=wweb.dev)
[![Web Skills](https://andreasbm.github.io/web-skills/www/og-image.jpg)](https://andreasbm.github.io/web-skills/?utm_source=wweb.dev)
A visual overview of useful skills to learn as a web developer.

______

##[Puddle.js](https://batman-nair.github.io/puddle.js/?utm_source=wweb.dev)
[![Puddle.js](https://wweb.dev/weekly/screenshots/puddlejs.jpg)](https://batman-nair.github.io/puddle.js/?utm_source=wweb.dev)
A fluid simulation library based on ASCII/Node and built using vanilla JS and CSS Grids.

______

##[How I Became a Better Programmer](https://jlongster.com/How-I-Became-Better-Programmer?utm_source=wweb.dev)
[![How I Became a Better Programmer](https://jlongster.com/meta-image.png)](https://jlongster.com/How-I-Became-Better-Programmer?utm_source=wweb.dev)
A nice article by James Long, listing what things helped him becoming a better programmer.

______

##[Motion Layout](https://motion-layout.azurewebsites.net/?utm_source=wweb.dev)
[![Motion Layout](https://wweb.dev/weekly/screenshots/reactmotionlayout.jpg)](https://motion-layout.azurewebsites.net/?utm_source=wweb.dev)
A react library, which helps you link components together to animate them when changing views.

______

##[vincent](https://www.vincentapp.io/?utm_source=wweb.dev)
[![vincent](https://www.vincentapp.io/vincent-test-fs8.dcb82a6f.png)](https://www.vincentapp.io/?utm_source=wweb.dev)
An app, which shows the latest design and frontend news.

______

##[Video Puppet](https://www.videopuppet.com/docs/script/?utm_source=wweb.dev)
[![Video Puppet](https://www.videopuppet.com/assets/2/script-img.png)](https://www.videopuppet.com/docs/script/?utm_source=wweb.dev)
A tool to generate videos from markdown files.

______

##[Animated Custom Cursor Effects](https://tympanus.net/Development/AnimatedCustomCursor/?utm_source=wweb.dev)
[![Animated Custom Cursor Effects](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/03/AnimatedCursor_featured-1.jpg)](https://tympanus.net/Development/AnimatedCustomCursor/?utm_source=wweb.dev)
Some demos for interactive custom cursor animations using SVG filters by Codrops.

______

##[SpicyPass](https://github.com/JFreegman/SpicyPass?utm_source=wweb.dev)
[![SpicyPass](https://camo.githubusercontent.com/7ab8ba6276b1051d12cfeaeaf20031e5eae5e731/68747470733a2f2f692e696d6775722e636f6d2f4c37657a454a642e706e67)](https://github.com/JFreegman/SpicyPass?utm_source=wweb.dev)
A light-weight password manager with a focus on simplicity and security.

______

##[colors.lol](https://colors.lol/?utm_source=wweb.dev)
[![colors.lol](https://www.colors.lol/assets/images/colors.jpg)](https://colors.lol/?utm_source=wweb.dev)
A collection of overly descriptive color palettes.

______

##[Prettier 2.0 “2020”](https://prettier.io/blog/2020/03/21/2.0.0.html?utm_source=wweb.dev)
[![Prettier 2.0 “2020”](https://prettier.io/icon.png)](https://prettier.io/blog/2020/03/21/2.0.0.html?utm_source=wweb.dev)
The release notes for the most recent prettier release.

______

##[CSS Section Separator Generator](https://wweb.dev/resources/css-separator-generator?utm_source=wweb.dev)
[![CSS Section Separator Generator](https://res.cloudinary.com/wwebdev/image/upload/v1585478579/resources/css-separator-generator_gsgzyp.png)](https://wweb.dev/resources/css-separator-generator?utm_source=wweb.dev)
A collection of customizable CSS section separators, with the possibility to easily copy the code.

______

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