![Collective Item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C582_checklist.jpg)
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.
![Collective Item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C582_gridarea.jpg)
CSS Grid Template Areas In Action
Ahmad Shadeed explores how to put the grid-template-areas property to use and shares his insights.
![Collective Item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/C576_freelancer.jpg)
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.
![Collective Item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C582_coaster.jpg)
Subscribercoaster
An absolutely amazing motion-path demo by Adam Kuhn.
![Collective Item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C582_responsive.jpg)
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.
![Collective Item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C582_maps.jpg)
City Roads
A beautiful city road renderer made by Andrei Kashcha. Check out the GitHub repo.
![Collective Item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C582_animations.jpg)
The Role of Animation and Motion in UX
Page Laubheimer describes when and how animation in UX should be used.
![Collective Item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C582_jamstack.jpg)
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.
![Collective Item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C582_edge.jpg)
Microsoft Edge Browser
The new Microsoft Edge browser is out. Read more about it in this article.
![Collective Item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C582_surma.jpg)
Streams for reactive programming
Can you use WHATWG Streams for reactive programming? Find out in this exploration by Surma.
![Collective Item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C582_apple.jpg)
The Apple Archive
Sam Henri Gold’s incredible yearly archive that collects all the fantastic work and resources around Apple products.
![Collective Item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C582_cookie.jpg)
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.
![Collective Item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C582_physarum.jpg)
Physarum Algo in Three.js
An insane demo made by Domenico Bruzzese. Check out the repo here.
![Collective Item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C582_shimmer.jpg)
Shimmery Text w/ SVG + GSAP
A configurable animated shimmery SVG text demo made by Jhey Tompkins.
![Collective Item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C582_fireworks.jpg)
Fireworks VR
Some impressive Three.js powered fireworks made by Lallassu.
![Collective Item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C582_LetGirlsDream.jpg)
Sitara | Let Girls Dream
A very creative WebGL powered website to support a gender-equal future.
![Collective Item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C582_icons.jpg)
Icon Giveaway
126 beautiful free icons designed by Rui Sereno for Significa.
![Collective Item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C582_rgba.jpg)
rgb() and hsl() accept a 4th parameter
Some good news by Adam Argyle on some revised Color Level 4 syntax for rgb() and hsl().
![Collective Item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C582_opera.jpg)
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.
Collective #582 was written by Pedro Botelho and published on Codrops.