Weekly web development resources #132
Tags: webdev, javascript, news, css
Published: 2023-01-11 06:35:33



______


##[CSS Halftone Patterns](https://css-irl.info/css-halftone-patterns/)
[![CSS Halftone Patterns](https://wweb.dev/weekly/content/132/halftone.jpg)](https://css-irl.info/css-halftone-patterns/)
An interesting article on how to create cool halftone patterns with CSS.

______


##[Sailboat UI](https://sailboatui.com/)
[![Sailboat UI](https://wweb.dev/weekly/content/132/sailboat.jpg)](https://sailboatui.com/)
A modern UI component library for Tailwind CSS with 150+ open source components.

______


##[UpDownQuest](https://updown.quest/)
[![UpDownQuest](https://wweb.dev/weekly/content/132/updown.jpg)](https://updown.quest/)
A fun game where you have to find as many words as possible that match a pattern.

______


##[companies.tools '22 recap](https://recap.companies.tools/)
[![companies.tools '22 recap](https://wweb.dev/weekly/content/132/tools-recap.jpg)](https://recap.companies.tools/)
A recap on how and which apps and tools tech teams all over the world used in 2022.

______


##[Boringer Avatars](https://cmgriffing.github.io/boringer-avatars/)
[![Boringer Avatars](https://wweb.dev/weekly/content/132/avatars.jpg)](https://cmgriffing.github.io/boringer-avatars/)
A tiny JS library that generates custom, SVG-based avatars from any username and color palette.

______


##[Twisted Colorful Spheres with Three.js](https://tympanus.net/codrops/2021/01/26/twisted-colorful-spheres-with-three-js/)
[![Twisted Colorful Spheres with Three.js](https://wweb.dev/weekly/content/132/blobs.jpg)](https://tympanus.net/codrops/2021/01/26/twisted-colorful-spheres-with-three-js/)
A tutorial that explains how to deform and color spheres to create an interesting animation with Three.js.

______


##[HTML data scraper](https://mrscraper.com/tools/free-html-scraper)
[![HTML data scraper](https://wweb.dev/weekly/content/132/extractor.jpg)](https://mrscraper.com/tools/free-html-scraper)
An easy and free tool to extract data from HTML to quickly gather the information you need.

______


##[3D in CSS](https://garden.bradwoods.io/notes/css/3d)
[![3D in CSS](https://wweb.dev/weekly/content/132/css3d.jpg)](https://garden.bradwoods.io/notes/css/3d)
An interesting article that explains how to use the CSS 3D properties like perspective, translate or rotate3d.

______


##[formify](https://formify.vercel.app/)
[![formify](https://wweb.dev/weekly/content/132/formify.jpg)](https://formify.vercel.app/)
An open source application that lets you create, manage and embed forms on any site with No Code.

______


##[interact.js](https://interactjs.io/)
[![interact.js](https://wweb.dev/weekly/content/132/interactjs.jpg)](https://interactjs.io/)
A JavaScript library for drag and drop, resizing, and multi-touch gestures.

______


##[Green Wall](https://green-wall.vercel.app/)
[![Green Wall](https://wweb.dev/weekly/content/132/greenwall.jpg)](https://green-wall.vercel.app/)
A small tool to review the contributions you have made on GitHub over the years.

______


_Enjoyed this newsletter? You can support me by:_

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

☕ donating via [BuyMeACoffee](https://www.buymeacoffee.com/wwebdev)

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


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