Weekly web development resources #160
Tags: webdev, javascript, css, beginners
Published: 2023-08-02 05:27:06



______

*Sponsored*
##[Money Machine Newsletter](https://moneymachinenewsletter.substack.com/)
[![Money Machine Newsletter](https://wweb.dev/weekly/content/158/mmn.jpg)](https://moneymachinenewsletter.substack.com/)
Elite traders narrow down the universe of stocks to their best ideas, delivered weekly to your inbox before the market opens.

______


##[HTML to JSX](https://htmltojsx.vercel.app/)
[![HTML to JSX](https://wweb.dev/weekly/content/160/htmltojsx.jpg)](https://htmltojsx.vercel.app/)
An online tool to easily convert your HTML to JSX instantly.

______


##[Avatartion](https://www.avatartion.com/)
[![Avatartion](https://wweb.dev/weekly/content/160/avatartion.jpg)](https://www.avatartion.com/)
A tool to generate a personalized Notion-style avatar by choosing different facial features, clothing, and accessories.

______


##[continue](https://github.com/continuedev/continue)
[![continue](https://wweb.dev/weekly/content/160/continue.jpg)](https://github.com/continuedev/continue)
An open-source VS Code extension that brings the power of ChatGPT to your IDE.

______


##[Web Components](https://daverupert.com/2023/07/why-not-webcomponents/)
[![Web Components](https://wweb.dev/weekly/content/160/web-comp.jpg)](https://daverupert.com/2023/07/why-not-webcomponents/)
An article where Dave Rupert asks why he is not using them Web Components if they are so great.˝

______


##[Coding Randomized Zelda Patterns](https://cloudfour.com/thinks/coding-randomized-zelda-patterns/)
[![Coding Randomized Zelda Patterns](https://wweb.dev/weekly/content/160/zelda-pattern.jpg)](https://cloudfour.com/thinks/coding-randomized-zelda-patterns/)
An interesting article about re-creating zelda patterns with SVG, CSS and JavaScript.

______


##[SVGmix](https://svgmix.com/)
[![SVGmix](https://wweb.dev/weekly/content/160/svgmix.jpg)](https://svgmix.com/)
A collection of thousands of free SVG icons, vector collections & brand logos.

______


##[CSS effects on images II](https://verpex.com/blog/website-tips/css-effects-on-images-ii)
[![CSS effects on images II](https://wweb.dev/weekly/content/160/css-image-effect.jpg)](https://verpex.com/blog/website-tips/css-effects-on-images-ii)
The second part of a series, where Temani Afif creates fancy effects using only the img element and CSS.

______


##[Linkwarden](https://linkwarden.app/)
[![Linkwarden](https://wweb.dev/weekly/content/160/linkwarden.jpg)](https://linkwarden.app/)
A self-hostable, open-source collaborative bookmark manager to collect, organize and archive webpages.

______


##[OpenStatus](https://www.openstatus.dev/)
[![OpenStatus](https://wweb.dev/weekly/content/160/openstatus.jpg)](https://www.openstatus.dev/)
An open source alternative to your current monitoring service with a beautiful status page.

______


##[animotion](https://github.com/animotionjs/animotion)
[![animotion](https://wweb.dev/weekly/content/160/animotion.jpg)](https://github.com/animotionjs/animotion)
A presentational framework for creating beautiful slides and visualizing ideas with Svelte.

______

_Enjoyed this newsletter? You can support me by:_

💸 booking a [sponsored post](https://wweb.dev/sponsorship)

☕️ donating via [Ko-Fi](https://ko-fi.com/wweb_dev)

🚀 helping me grow by sharing it with your friends and colleagues


Cheers,
Vincent from [wweb.dev](https://wweb.dev)