Weekly web development update #50
Tags: weekly, webdev
Published: 2020-11-12 07:26:48



______

##[Cirrus.CSS](https://cirrus-ui.netlify.app/)
[![Cirrus.CSS](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/50/cirrus.jpg)](https://cirrus-ui.netlify.app/)
A component and utility centric SCSS framework designed for rapid prototyping.

______

##[Device Shots](https://deviceshots.com/)
[![Device Shots](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/50/deviceshots.jpg)](https://deviceshots.com/)
Create high-resolution device mockups with the screenshot of your website.

______

##[Pattern Monster](https://pattern.monster/)
[![Pattern Monster](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/50/patternmonster.jpg)](https://pattern.monster/)
An online pattern generator to create repeatable SVG patterns.

______

##[CSS Spider](https://cssspider.fresalabs.com/home)
[![CSS Spider](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/50/cssspider.jpg)](https://cssspider.fresalabs.com/home)
A browser extension to copy, visualize, edit, and export CSS.

______

##[Font Of Web](https://fontofweb.now.sh/)
[![Font Of Web](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/50/fontofweb.jpg)](https://fontofweb.now.sh/)
Find the fonts a website uses, see where they are used, download fonts used by the website.

______

##[Chonky](https://chonky.io/)
[![Chonky](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/50/chonky.jpg)](https://chonky.io/)
A file browser component for React.

______

##[Super Tiny Icons](https://github.com/edent/SuperTinyIcons)
[![Super Tiny Icons](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/50/supertinyicons.jpg)](https://github.com/edent/SuperTinyIcons)
SVG versions of logos, which are under 1KB each

______

##[PRESENTA Lib](https://lib.presenta.cc/)
[![PRESENTA Lib](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/50/presenta.jpg)](https://lib.presenta.cc/)
A javascript library that generates web presentations from config objects.

______

##[My Side Project Rocks](https://mysideproject.rocks/)
[![My Side Project Rocks](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/50/sideproject.jpg)](https://mysideproject.rocks/)
A website to post your side projects and to discover side projects by others.

______

##[A Nerd’s Guide to Color on the Web ](https://css-tricks.com/nerds-guide-color-web/)
[![A Nerd’s Guide to Color on the Web ](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/50/colorguide.jpg)](https://css-tricks.com/nerds-guide-color-web/)
A list of some lighter CSS frameworks out there.

______

##[Comparing Various Ways to Hide Things in CSS](https://css-tricks.com/comparing-various-ways-to-hide-things-in-css/)
[![Comparing Various Ways to Hide Things in CSS](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/50/hidecss.jpg)](https://css-tricks.com/comparing-various-ways-to-hide-things-in-css/)
A nice article explaining different ways to hide things in CSS.

______

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