Collective #582
![Collective Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C582_checklist.jpg?x86293)
Design System Checklist
An open-source checklist to help you plan, build and grow your design system. By Arda Karacizmeli, Dmitry Belyaev and Steven Baguley.
Check it out![Collective Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C582_gridarea.jpg?x86293)
CSS Grid Template Areas In Action
Ahmad Shadeed explores how to put the grid-template-areas property to use and shares his insights.
Read it![Collective Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/C576_freelancer.jpg?x86293)
Start your own freelance business by becoming a Divi developer
Learn how to develop websites with the most popular WordPress theme in the world and secure your success as a freelancer.
Start learning now![Collective Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C582_coaster.jpg?x86293)
Subscribercoaster
An absolutely amazing motion-path demo by Adam Kuhn.
Check it out![Collective Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C582_responsive.jpg?x86293)
Using responsive modifiers to control layout changes in your components
Learn about a new approach to the responsiveness of content-dependent components in this article by Claudia Romano.
Read it![Collective Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C582_maps.jpg?x86293)
City Roads
A beautiful city road renderer made by Andrei Kashcha. Check out the GitHub repo.
Check it out![Collective Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C582_animations.jpg?x86293)
The Role of Animation and Motion in UX
Page Laubheimer describes when and how animation in UX should be used.
Read it![Collective Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C582_jamstack.jpg?x86293)
The JAMstack in 2020: Why (and How) to Get Started
The great getting-started guide on JAMstack by Mathieu Dionne got a fresh update with more info and resources.
Read it![Collective Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C582_edge.jpg?x86293)
Microsoft Edge Browser
The new Microsoft Edge browser is out. Read more about it in this article.
Check it out![Collective Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C582_surma.jpg?x86293)
Streams for reactive programming
Can you use WHATWG Streams for reactive programming? Find out in this exploration by Surma.
Read it![Collective Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C582_apple.jpg?x86293)
The Apple Archive
Sam Henri Gold's incredible yearly archive that collects all the fantastic work and resources around Apple products.
Check it out![Collective Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C582_cookie.jpg?x86293)
Get Ready for New SameSite=None; Secure Cookie Settings
With Chrome 80 in February only cookies with the SameSite=None; Secure setting will be available for external access, provided they are being accessed from secure connections.
Read it![Collective Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C582_physarum.jpg?x86293)
Physarum Algo in Three.js
An insane demo made by Domenico Bruzzese. Check out the repo here.
Check it out![Collective Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C582_shimmer.jpg?x86293)
Shimmery Text w/ SVG + GSAP
A configurable animated shimmery SVG text demo made by Jhey Tompkins.
Check it out![Collective Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C582_fireworks.jpg?x86293)
Fireworks VR
Some impressive Three.js powered fireworks made by Lallassu.
Check it out![Collective Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C582_LetGirlsDream.jpg?x86293)
Sitara | Let Girls Dream
A very creative WebGL powered website to support a gender-equal future.
Check it out![Collective Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C582_icons.jpg?x86293)
Icon Giveaway
126 beautiful free icons designed by Rui Sereno for Significa.
Check it out![Collective Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C582_rgba.jpg?x86293)
rgb() and hsl() accept a 4th parameter
Some good news by Adam Argyle on some revised Color Level 4 syntax for rgb() and hsl().
Check it out![Collective Item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C582_opera.jpg?x86293)
Turn of the Screw
A beautiful Three.js project realized by Lusion: Explore a haunted audio landscape in an immersive trailer for Opera North's 2020 production of Benjamin Britten's opera.
Check it out