Collective #577
Publikováno: 2.1.2020
Flash Grid * Mix and Jam * IsoCity * MassCode * Everyone has JavaScript, right?
Collective #577 was written by Pedro Botelho and published on Codrops.
![Collective item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C577_WOTW.jpg)
Inspirational Website of the Week: Monokai
A unique design with beautiful details and some interesting visual elements.
![Collective item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C577_flash.jpg)
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.
![Collective item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/C576_freelancer.jpg)
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.
![Collective item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C577_gamedev.jpg)
Mix and Jam
André Cardoso started a gamedev journey and shares it by creating videos and making all of the code available.
![Collective item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C577_browser.jpg)
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.
![Collective item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C577_nba.jpg)
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.
![Collective item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C577_snippet.jpg)
massCode
MassCode is a free and open source code snippets manager for developers.
![Collective item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C577_recap.jpg)
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.
![Collective item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C577_javascript.jpg)
Everyone has JavaScript, right?
An excellent reminder of how important it is to develop websites with progressive enhancement in mind. By Stuart Langridge.
![Collective item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C577_scott.jpg)
Move Fast & Don’t Break Things
Scott Jehl’s annotated transcript of his 2019 conference talk.
![Collective item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C577_gridlayout.jpg)
Building my bullet journal layout with CSS Grid & Subgrid & Flexbox
A tutorial by Stephanie Stimac on how she built her bullet journal demo.
![Collective item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C577_5.jpg)
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.
![Collective item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C577_contain.jpg)
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.
![Collective item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C577_iso.jpg)
IsoCity
A simple JavaScript city builder with no simulation. By Victor Ribeiro.
![Collective item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C577_svelte.jpg)
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.
![Collective item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C577_neumorphism.jpg)
Neumorphism in user interfaces
Michal Malewicz takes a look at what Neumorphism means for UI design.
![Collective item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C577_goo.jpg)
Pure CSS gooey loader #2/ 2020
A fantastic gooey loader made with CSS only by Ana Tudor.
![Collective item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C577_svg.jpg)
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.
![C577_Botland](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C577_Botland.jpg)
Bot Land
Bot Land is an automated strategy game where you have to create bots, write scripts, and battle other players.
![Collective item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C577_sunrise.jpg)
Every Sunrise of 2019
A wonderful project where Bugsy Sailor photographed every sunrise of 2019.
![Collective item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C577_roundupwebsites.jpg)
Inspirational Websites Roundup #11
Get a last festive dose of creative website inspiration in this final roundup of 2019!
![Collective item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C577_akaru.jpg)
Case Study: Akaru 2019
In this creative breakdown you will learn how the signature WebGL oil effect of the new Akaru website was created.
![Collective item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/C577_2019.jpg)
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.
Collective #577 was written by Pedro Botelho and published on Codrops.