Weekly web development update #44
Tags: webdev, weekly
Published: 2020-09-30 07:00:15

Here's the new weekly update :)


______

##[Box-Shadow Generator](https://brumm.af/shadows)
[![Box-Shadow Generator](https://wweb.dev/weekly/screenshots/box-shadow-generator.jpg)](https://brumm.af/shadows)
A CSS generator for smooth box-shadows.

______

##[Check Browsers Support](https://checkbrowsers.support/)
[![Check Browsers Support](https://checkbrowsers.support/images/screenshot.png)](https://checkbrowsers.support/)
A browser extension to check if a given web technology is supported by browsers.

______

##[Learn Git Branching](https://learngitbranching.js.org/)
[![Learn Git Branching](https://pcottle.github.io/learnGitBranching/assets/learnGitBranching.png)](https://learngitbranching.js.org/)
Some cool interactive step-by-step demonstrations to learn Git.

______

##[Headless UI](https://headlessui.dev/)
[![Headless UI](https://headlessui.dev/_next/static/media/social-card.3e0b1ed1aac3c1db62a0a1e7023d250b.jpg)](https://headlessui.dev/)
Unstyled, fully accessible UI components, designed to integrate with Tailwind CSS.

______

##[Mono Icons](https://icons.mono.company/)
[![Mono Icons](https://icons.mono.company/og-image.jpg)](https://icons.mono.company/)
A simple, consistent open-source icon set.

______

##[False Simplicity in UI Design](https://tomkenny.design/articles/false-simplicity)
[![False Simplicity in UI Design](https://tomkenny.design/media/pages/articles/false-simplicity/4198729448-1598283086/youtube-icon-labels.jpg)](https://tomkenny.design/articles/false-simplicity)
A nice article on why simple isn't always better.

______

##[Codeaway](https://www.codeaway.io/)
[![Codeaway](https://wweb.dev/weekly/screenshots/codeaway.jpg)](https://www.codeaway.io/)
A website to help you improve your technical skills by building real-world projects.

______

##[Dark Mode with only 1 CSS property](https://dev.to/dip15739/dark-mode-with-only-1-css-property-17fl)
[![Dark Mode with only 1 CSS property](https://res.cloudinary.com/practicaldev/image/fetch/s--QTnt_dFr--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/17b5r93hvazlgve4ys8o.jpg)](https://dev.to/dip15739/dark-mode-with-only-1-css-property-17fl)
A quick tutorial on how to easily add a dark mode.

______

##[filters.css](https://bansal.io/filters-css)
[![filters.css](https://bansal.io/assets/images/filters-css-preview.jpg)](https://bansal.io/filters-css)
A CSS only library to apply color filters.

______

##[Layoutit Grid](https://grid.layoutit.com/)
[![Layoutit Grid](https://wweb.dev/weekly/screenshots/layoutit.jpg)](https://grid.layoutit.com/)
A nice generator for CSS grid layouts.

______

##[The failed promise of Web Components](https://lea.verou.me/2020/09/the-failed-promise-of-web-components/)
[![The failed promise of Web Components](https://wweb.dev/weekly/screenshots/failed-promise-web-components.jpg)](https://lea.verou.me/2020/09/the-failed-promise-of-web-components/)
A good article by Lea Verou about the problems of web components.

______

##[How to use CSS masking](https://web.dev/css-masking/)
[![How to use CSS masking](https://webdev.imgix.net/css-masking/hero.jpg?auto=format&fit=max&w=1200)](https://web.dev/css-masking/)
An article on how to use the mask-image property in CSS.

______

##[Uppload](https://uppload.js.org/)
[![Uppload](https://uppload.js.org/assets/smo.png)](https://uppload.js.org/)
A highly customizable, open-source JavaScript image uploader.

______

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