Weekly web development update #16
Tags: webdev, weekly
Published: 2020-03-11 05:57:20

______

##[Monitoror](https://monitoror.com/?utm_source=wweb.dev)
[![Monitoror](https://monitoror.com/assets/images/opengraph.png)](https://monitoror.com/?utm_source=wweb.dev)
Create a monitoring overview of your services with this open-source software.

______

##[Slide to Subscribe](https://slidetosubscribe.com/?utm_source=wweb.dev)
[![Slide to Subscribe](https://slidetosubscribe.com/assets/img/brand/slidetosubscribe.png)](https://slidetosubscribe.com/?utm_source=wweb.dev)
A super simple signup form, which can be included with one line of HTML.

______

##[Micromodal.js](https://github.com/ghosh/Micromodal?utm_source=wweb.dev)
[![Micromodal.js](https://micromodal.now.sh/micromodal.a8c419eb.jpg)](https://github.com/ghosh/Micromodal?utm_source=wweb.dev)
A javascript library for accessible modal dialogs with less than 2kb.

______

##[Distorted Link Effects with SVG Filters](https://tympanus.net/codrops/2020/03/04/distorted-link-effects-with-svg-filters/?utm_source=wweb.dev)
[![Distorted Link Effects with SVG Filters](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/03/DistortedLink_featured.png)](https://tympanus.net/codrops/2020/03/04/distorted-link-effects-with-svg-filters/?utm_source=wweb.dev)
Cool ideas for link distortion effects using SVG filters by Mary Lou of Codrops.

______

##[browser-2020](https://github.com/luruke/browser-2020?utm_source=wweb.dev)
[![browser-2020](https://raw.githubusercontent.com/luruke/browser-2020/master/images/pip.png)](https://github.com/luruke/browser-2020?utm_source=wweb.dev)
A list of amazing things modern browsers can do.

______

##[cosha](https://github.com/robinloeffel/cosha?utm_source=wweb.dev)
[![cosha](https://raw.githubusercontent.com/robinloeffel/cosha/master/sample.jpg)](https://github.com/robinloeffel/cosha?utm_source=wweb.dev)
cosha is a nice tool to add colorful shadows to your images.

______

##[Faux Code Generator](http://knutsynstad.com/fauxcode/?utm_source=wweb.dev)
[![Faux Code Generator](http://knutsynstad.com/fauxcode/thumbnail.png)](http://knutsynstad.com/fauxcode/?utm_source=wweb.dev)
A generator that turns real code grom GitHub Gists into faux code SVG images.

______

##[Essential Docker for Javascript and Front End Developers](https://nosleepjavascript.com/docker-essentials-for-front-end-developers/?utm_source=wweb.dev)
[![Essential Docker for Javascript and Front End Developers](https://tr4.cbsistatic.com/hub/i/r/2016/10/18/831f017c-ee68-4bd6-8a5c-ab31b4d35d6d/resize/770x/1cedcf2f03388a9720835a628a8a9765/dockerhero.jpg)](https://nosleepjavascript.com/docker-essentials-for-front-end-developers/?utm_source=wweb.dev)
A cool guide to getting started with Docker.

______

##[Introduction to D3.js](https://observablehq.com/@mitvis/introduction-to-d3?utm_source=wweb.dev)
[![Introduction to D3.js](https://static.observableusercontent.com/thumbnail/b2fc1878eb1c167f411d66e0c9795398308d94fd5b8cd6dddd76ea3ef7d7b52f.jpg)](https://observablehq.com/@mitvis/introduction-to-d3?utm_source=wweb.dev)
An introduction to the JavaScript library for manipulating documents based on data.

______


For all the weeklies I've published so far check: [wweb.dev/weekly](https://wweb.dev/weekly)