Weekly web development resources #101
Tags: webdev, weekly
Published: 2021-12-22 07:11:04



______

##[Patterns](https://www.patterns.dev/)
[![Patterns](https://wweb.dev/weekly/content/101/patterns.jpg)](https://www.patterns.dev/)
A free e-book on design patterns with JavaScript and React.

______

##[Glitch effect](https://dustri.org/b/glitch-effect-on-text-in-pure-css.html)
[![Glitch effect](https://wweb.dev/weekly/content/101/glitch-css.jpg)](https://dustri.org/b/glitch-effect-on-text-in-pure-css.html)
A cool glitch effect on text in pure CSS.

______

##[Guess CSS!](https://www.guess-css.app/)
[![Guess CSS!](https://wweb.dev/weekly/content/101/guess-css.jpg)](https://www.guess-css.app/)
A fun CSS quiz to test your knowledge.

______

##[Doodle CSS](https://chr15m.github.io/DoodleCSS/)
[![Doodle CSS](https://wweb.dev/weekly/content/101/doodle.jpg)](https://chr15m.github.io/DoodleCSS/)
A simple hand drawn HTML/CSS theme.

______

##[CSS Reference](https://cssreference.io/)
[![CSS Reference](https://wweb.dev/weekly/content/101/css-reference.jpg)](https://cssreference.io/)
A website to look up CSS properties and see them in a visualized way.

______

##[Straw Page](https://straw.page/)
[![Straw Page](https://wweb.dev/weekly/content/101/strawpage.jpg)](https://straw.page/)
A fun drag and drop website builder that works on mobile.

______

##[Don’t start with microservices](https://arnoldgalovics.com/microservices-in-production/)
[![Don’t start with microservices](https://wweb.dev/weekly/content/101/microservices.jpg)](https://arnoldgalovics.com/microservices-in-production/)
An interesting article on microservices and monoliths by Arnold Galovics.

______

##[SVG Quick Editor](https://svg-quick-editor.surge.sh/)
[![SVG Quick Editor](https://wweb.dev/weekly/content/101/svg-editor.jpg)](https://svg-quick-editor.surge.sh/)
A nice online tool to change colors and to remove paths of SVGs.

______

##[Myths about useEffect](https://epicreact.dev/myths-about-useeffect/)
[![Myths about useEffect](https://wweb.dev/weekly/content/101/useeffect.jpg)](https://epicreact.dev/myths-about-useeffect/)
Some common mistakes people make with useEffect and how to avoid them.

______

##[Beginner’s guide to Svelte](https://www.twilio.com/blog/all-you-need-to-know-svelte)
[![Beginner’s guide to Svelte](https://wweb.dev/weekly/content/101/svelte.jpg)](https://www.twilio.com/blog/all-you-need-to-know-svelte)
An article to learn svelte from basics to state management and animation.

______

##[Beacon](https://digitalbeacon.co/)
[![Beacon](https://wweb.dev/weekly/content/101/beacon.jpg)](https://digitalbeacon.co/)
A website to calculate the environmental impact of a web page, and how to improve it.

______

##[The web starts on page four](https://christianheilmann.com/2021/12/20/the-web-starts-on-page-four/)
[![The web starts on page four](https://wweb.dev/weekly/content/101/state-web.jpg)](https://christianheilmann.com/2021/12/20/the-web-starts-on-page-four/)
An interesting article on the current state of the web.

______

##[Glitch Image Generator](https://glitchyimage.com/)
[![Glitch Image Generator](https://wweb.dev/weekly/content/101/glitch-image.jpg)](https://glitchyimage.com/)
A cool generator for creating glitchy images.

______

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