Collective #577
![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C577_WOTW.jpg?x86293)
Inspirational Website of the Week: Monokai
A unique design with beautiful details and some interesting visual elements.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C577_flash.jpg?x86293)
Flash Grid: learn CSS Grid by building a grid system
Join Sebastiano Guerriero in building a lightweight grid system and deepen your understanding of CSS Grid.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/12/C576_freelancer.jpg?x86293)
Start your freelance business in 2020
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/C577_gamedev.jpg?x86293)
Mix and Jam
André Cardoso started a gamedev journey and shares it by creating videos and making all of the code available.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C577_browser.jpg?x86293)
Things you can do with a browser in 2020
A repo that contains a non exhaustive list of less-known features implemented in browsers today.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C577_nba.jpg?x86293)
NBA 3D Data Visualization: 1950–2020
An amazing 3D data visualization of NBA stat totals from 1950 through 2020. Made with React, Three.js and react-three-fiber by Peter Beshai.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C577_snippet.jpg?x86293)
massCode
MassCode is a free and open source code snippets manager for developers.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C577_recap.jpg?x86293)
A Recap of Frontend Development in 2019
A look back at the top events, news, and trends for frontend and web development. By Trey Huffine.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C577_javascript.jpg?x86293)
Everyone has JavaScript, right?
An excellent reminder of how important it is to develop websites with progressive enhancement in mind. By Stuart Langridge.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C577_scott.jpg?x86293)
Move Fast & Don’t Break Things
Scott Jehl's annotated transcript of his 2019 conference talk.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C577_gridlayout.jpg?x86293)
Building my bullet journal layout with CSS Grid & Subgrid & Flexbox
A tutorial by Stephanie Stimac on how she built her bullet journal demo.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C577_5.jpg?x86293)
5 JavaScript Features I Couldn't Code Without
In this first article of JavaScript January, Kent Dodds shares the JavaScript features he uses all the time.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C577_contain.jpg?x86293)
Helping Browsers Optimize With The CSS Contain Property
Learn about the new CSS contain property and how it gives you a way to explain your layout to the browser, so performance optimizations can be made.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C577_iso.jpg?x86293)
IsoCity
A simple JavaScript city builder with no simulation. By Victor Ribeiro.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C577_svelte.jpg?x86293)
Why I moved from React to Svelte and others will follow
Mike Nikles' article about his React experience and thoughts on why Svelte impressed him.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C577_neumorphism.jpg?x86293)
Neumorphism in user interfaces
Michal Malewicz takes a look at what Neumorphism means for UI design.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C577_goo.jpg?x86293)
Pure CSS gooey loader #2/ 2020
A fantastic gooey loader made with CSS only by Ana Tudor.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C577_svg.jpg?x86293)
Convert2Svg
A free and open-source tool to easily transform any image or photo into a multi-colored SVG file. Created by Vincent Will with Next.js.
Check it out![C577_Botland](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C577_Botland.jpg?x86293)
Bot Land
Bot Land is an automated strategy game where you have to create bots, write scripts, and battle other players.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C577_sunrise.jpg?x86293)
Every Sunrise of 2019
A wonderful project where Bugsy Sailor photographed every sunrise of 2019.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C577_roundupwebsites.jpg?x86293)
Inspirational Websites Roundup #11
Get a last festive dose of creative website inspiration in this final roundup of 2019!
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C577_akaru.jpg?x86293)
Case Study: Akaru 2019
In this creative breakdown you will learn how the signature WebGL oil effect of the new Akaru website was created.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C577_2019.jpg?x86293)
A Look Back at 2019: Roundup of Codrops Resources
Goodbye 2019! Here's our traditional yearly roundup with an overview of all Codrops publications from the past year.
Check it out