💻 Web Development Resources #176
Tags: webdev, javascript, resources, css
Published: 2023-11-29 06:12:45

Here's the summary of this week's [WebDev Town](https://webdev.town/) resources.

If you have any feedback, or you want to share tools and resources for the next newsletter - just comment below :)

______


##[LDRS](https://uiball.com/ldrs/)
[![LDRS](https://webdev.town/content/0_new/2023-11-27T05:43:04.017Z-LDRS.jpg)](https://uiball.com/ldrs/)
A collection of free, open-source loading animations. Available as copy/paste HTML or drop-in web components.

______


##[Grimoire](https://github.com/goniszewski/grimoire)
[![Grimoire](https://webdev.town/content/0_new/2023-11-26T12:31:09.158Z-Grimoire.jpg)](https://github.com/goniszewski/grimoire)
An open-source bookmark manager to add and organize bookmarks easily.

______


##[CSS Ribbon Shapes](https://css-generators.com/ribbon-shapes/)
[![CSS Ribbon Shapes](https://webdev.town/content/0_new/2023-11-24T11:39:31.011Z-CSSRibbonShapes.jpg)](https://css-generators.com/ribbon-shapes/)
A CSS-only collection of Ribbon Shapes made with a single element.

______


##[screenity](https://github.com/alyssaxuu/screenity)
[![screenity](https://webdev.town/content/0_new/2023-11-24T11:38:59.982Z-screenity.jpg)](https://github.com/alyssaxuu/screenity)
A powerful free and open-source screen recorder & annotation tool for Chrome.

______


##[Noun Project](https://thenounproject.com/)
[![Noun Project](https://webdev.town/content/0_new/2023-09-22T07:59:36.148Z-Ionicons.jpg)](https://thenounproject.com/)
A website to search for over 3 million icons, which can be used for free with attribution.

______


##[Pieces](https://pieces.app/)
[![Pieces](https://webdev.town/content/0_new/2023-11-22T08:49:45.042Z-Pieces.jpg)](https://pieces.app/)
A tool to save, search, share & reuse key developer resources in a AI-powered code snippets + screenshots hub.

______


##[Subtle Patterns](https://www.toptal.com/designers/subtlepatterns/)
[![Subtle Patterns](https://webdev.town/content/0_new/2023-08-21T08:05:53.212Z-SubtlePatterns.jpg)](https://www.toptal.com/designers/subtlepatterns/)
A huge list of more than 500 subtle background patterns and textures.

______


##[An Interactive Guide to CSS Grid](https://www.joshwcomeau.com/css/interactive-guide-to-grid/)
[![An Interactive Guide to CSS Grid](https://webdev.town/content/0_new/2023-11-22T08:47:56.429Z-AnInteractiveGuidetoCSSGrid.jpg)](https://www.joshwcomeau.com/css/interactive-guide-to-grid/)
A guide on how CSS Grid works and how we can use it effectively.

______


##[image-dimensions](https://github.com/sindresorhus/image-dimensions)
[![image-dimensions](https://webdev.town/content/0_new/2023-11-22T08:48:51.335Z-imagedimensions.jpg)](https://github.com/sindresorhus/image-dimensions)
A JavaScript library to get the dimensions of an image.

______


##[Biome](https://biomejs.dev/)
[![Biome](https://webdev.town/content/0_new/2023-11-22T06:41:27.622Z-Biome.jpg)](https://biomejs.dev/)
A toolchain for web projects, aimed to provide functionalities to maintain them.

______


##[CSS4 Is Coming](https://www.youtube.com/watch?v=j4mOm1qic7k)
[![CSS4 Is Coming](https://webdev.town/content/0_new/2023-11-22T08:46:31.131Z-CSS4IsComingNotaClickbait.jpg)](https://www.youtube.com/watch?v=j4mOm1qic7k)
A great video with an explanation of why CSS4 is coming even though we were told that it will never happen.

______


_Enjoyed this newsletter? You can support me by:_

📧 Subscribing to the weekly email newsletter on [WebDev Town](https://webdev.town/)

💬 commenting and letting me know

💸 donating via [Ko-Fi](https://ko-fi.com/webdev_town)


Cheers,
Vincent from [WebDev Town](https://webdev.town)