![Collective 669 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/07/C669_WOTW.jpg)
Inspirational Website of the Week: Benjamin Righetti
An amazing design with thoughtful details and joyful scroll experience! Our pick this week.
![Collective 668 image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/05/Divi_new.jpg)
Instant websites for your clients with Divi Layout Packs
With the Divi Layout Packs you’ll get world-class designs ready to be used for your client projects.
![Collective 669 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/07/C669_accessibility.jpg)
Access Guide
Access Guide is a friendly introduction to digital accessibility based on WCAG 2.1.
![Collective 669 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/07/C669_website.jpg)
Typedream
The simplest way to build a website with no-code, as easy as writing on Notion.
![Collective 669 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/07/C669_video.jpg)
Building a Responsive Layout with CSS Grid and Container Queries
Stephanie Eckles teaches us how to make a Food Menu with CSS Grid, container queries, CSS functions, aspect-ratio, and more.
![Collective 669 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/07/C669_template.jpg)
Style Template
Style is a free and elegant Bootstrap 4 template made by the folks of Untree.
![Collective 669 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/07/C669_promise.jpg)
How to Use Promise.all()
Learn how to use Promise.all() to perform parallel async operations in this article by Dmitri Pavlutin.
![Collective 669 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/07/C669_npm.jpg)
npm audit: Broken by Design
Dan Abramov shares his thoughts on why the way npm audit works is broken and why it needs to be fixed now.
![Collective 669 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/07/C669_theme.jpg)
Theme Color in CSS
A very interesting article by Jim Nielsen on how great it would be to use CSS for styling theme colors, instead of HTML.
![Collective 669 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/07/C669_material.jpg)
Demystifying the material design expand and cross-fade effect
Mikael Ainalem explores the expansion effect of Material Design and shows how to use it.
![Collective 669 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/07/C669_windy.jpg)
Windy
A React UI kit powered by Tailwind that is easy to use.
![Collective 669 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/07/C669_hue.jpg)
Using HSL Colors In CSS
In this article, Ahmad Shadeed explains what HSL is, how to use it, and shares some of the useful use-cases and examples that you can use right away in your current projects.
![Collective 669 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/07/C669_particles.jpg)
tsParticles
In case you didn’t know about it: A lightweight TypeScript library for creating particles. Check out the demo/generator.
![Collective 669 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/07/C669_cat.jpg)
RTL:WTF
A one-stop-shop for explanation about Right to Left languages online.
![Collective 669 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/07/C669_bramus.jpg)
The Large, Small, and Dynamic Viewports
Read all about the new changes being proposed regarding viewport units in this article by Bramus.
![Collective 669 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/07/C669_detect.jpg)
CSS feature detection in JavaScript?!
Arek Nawo is exploring ways of CSS feature detection in both CSS and JavaScript.
![Collective 669 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/07/C669_has.jpg)
Meet :has, A Native CSS Parent Selector (And More)
In this article, you’ll learn about the early spec of the :has selector, and see how it should improve the CSS workflow once it’s released. By Adrian Bece.
![Collective 669 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/07/C669_3d.jpg)
3D Bay
An extensive collection of free 3D stock images brought to you by CloudDevs.
![Collective 669 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/07/C669_matt.jpg)
Subscapes (Part 3 – Code)
Part 3 of Matt DesLauriers’ Subscapes blog post series where he explains how to create fantastic generative art.
![Collective 669 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/07/C669_tetris.jpg)
Build a Tetris game with HTML Canvas, CSS, and JavaScript on Autocode
Janeth Ledezma Graziani first article in a series on how to code a Tetris game.
![Collective 669 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/07/C669_ui.jpg)
Vechai UI
A collection of accessible React UI components with a built-in dark theme using Tailwind CSS.
The post Collective #669 appeared first on Codrops.