Weekly web development update #21
Tags: weekly, webdev
Published: 2020-04-15 05:17:09

Hey people, here's the new weekly update from the 15th of April


______

##[Level Up Your CSS Animation Skills](https://www.youtube.com/playlist?list=PLHKH6Uj0Seea4gnA8A80PvW9XAQkT37bD?utm_source=wweb.dev)
[![Level Up Your CSS Animation Skills](https://wweb.dev/weekly/screenshots/level-up-css-animation.jpg)](https://www.youtube.com/playlist?list=PLHKH6Uj0Seea4gnA8A80PvW9XAQkT37bD?utm_source=wweb.dev)
A four-hour youtube course about bringing animation to your websites with CSS animations.

______

##[Snapfont](https://getsnapfont.com/?utm_source=wweb.dev)
[![Snapfont](https://getsnapfont.com/favicons/fb-cover.png)](https://getsnapfont.com/?utm_source=wweb.dev)
A browser extension to test fonts directly on your website.

______

##[Linkdash](https://github.com/igimanaloto/linkdash?utm_source=wweb.dev)
[![Linkdash](https://wweb.dev/weekly/screenshots/linkdash.jpg)](https://github.com/igimanaloto/linkdash?utm_source=wweb.dev)
A cool repo to generate a dashboard of your most important links.

______

##[Responsive Images the Simple Way](https://cloudfour.com/thinks/responsive-images-the-simple-way/?utm_source=wweb.dev)
[![Responsive Images the Simple Way](https://29comwzoq712ml5vj5gf479x-wpengine.netdna-ssl.com/wp-content/uploads/2020/03/summary.png)](https://cloudfour.com/thinks/responsive-images-the-simple-way/?utm_source=wweb.dev)
A good article by Scott Vandehey about getting responsive images right.

______

##[multicopy](https://github.com/adoi/multicopy?utm_source=wweb.dev)
[![multicopy](https://raw.githubusercontent.com/adoi/multicopy/master/media/gifmulticopy.gif?token=AFTRRNUSNKFCK7WFPKB5GHC6TI4OW)](https://github.com/adoi/multicopy?utm_source=wweb.dev)
A VS Code extension that lets you copy and paste multiple snippets of code in your workspace.

______

##[React Summit - Remote Edition 2020](https://remote.reactsummit.com/?utm_source=wweb.dev)
[![React Summit - Remote Edition 2020](https://remote.reactsummit.com/img/og-v1.png)](https://remote.reactsummit.com/?utm_source=wweb.dev)
The remote version of the React Summit conference this Friday is offering free tickets.

______

##[themer](https://themer.dev/?utm_source=wweb.dev)
[![themer](https://camo.githubusercontent.com/6f59542c714259582c290bbbec9b3b0d0d9b1aea/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f6d6a7377656e73656e2f7468656d657240613138366338353835373231643564656662663463623162633934313635313434643464643335612f6173736574732f6578616d706c652d75736167652e706e67)](https://themer.dev/?utm_source=wweb.dev)
Generate matching color themes for your terminal, IDE, slack and other applications.

______

##[Winddown](https://github.com/schneefux/vscode-winddown?utm_source=wweb.dev)
[![Winddown](https://raw.githubusercontent.com/schneefux/vscode-winddown/master/demo.gif)](https://github.com/schneefux/vscode-winddown?utm_source=wweb.dev)
A VS Code extension, which reminds you to take a break by slowly fading out the colors.

______

##[Rapid Image Layers Animation](https://tympanus.net/Development/RapidLayersAnimation/?utm_source=wweb.dev)
[![Rapid Image Layers Animation](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/04/RapidLayerAnimation_featured.jpg)](https://tympanus.net/Development/RapidLayersAnimation/?utm_source=wweb.dev)
A rapid animation of multiple layers of images for intros or page transitions.

______

##[Wireframer Font](https://wireframer.design/?utm_source=wweb.dev)
[![Wireframer Font](https://wireframer.design/static/images/social-share.png)](https://wireframer.design/?utm_source=wweb.dev)
An open-source typeface made of purposely redacted letters, which is presenting content as abstract bars.

______

##[hCaptcha](https://www.hcaptcha.com/?utm_source=wweb.dev)
[![hCaptcha](https://assets.website-files.com/5c73e7ea3f8bb2a85d2781db/5c7d3345314d16473adbe413_funny%20robots%20stopped_1.svg)](https://www.hcaptcha.com/?utm_source=wweb.dev)
A privacy friendly alternative to Googles reCaptcha.

______

##[<css-doodle />](https://css-doodle.com/?utm_source=wweb.dev)
[![<css-doodle />](https://wweb.dev/weekly/screenshots/css-doodle.jpg)](https://css-doodle.com/?utm_source=wweb.dev)
A web component for drawing patterns with CSS

______

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