Collective #577
Inspirational Website of the Week: Monokai
A unique design with beautiful details and some interesting visual elements.
Check it out
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
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
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
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
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
massCode
MassCode is a free and open source code snippets manager for developers.
Check it out
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
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
Move Fast & Don’t Break Things
Scott Jehl's annotated transcript of his 2019 conference talk.
Check it out
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
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
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
IsoCity
A simple JavaScript city builder with no simulation. By Victor Ribeiro.
Check it out
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
Neumorphism in user interfaces
Michal Malewicz takes a look at what Neumorphism means for UI design.
Read it
Pure CSS gooey loader #2/ 2020
A fantastic gooey loader made with CSS only by Ana Tudor.
Check it out
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
Bot Land
Bot Land is an automated strategy game where you have to create bots, write scripts, and battle other players.
Check it out
Every Sunrise of 2019
A wonderful project where Bugsy Sailor photographed every sunrise of 2019.
Check it out
Inspirational Websites Roundup #11
Get a last festive dose of creative website inspiration in this final roundup of 2019!
Check it out
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
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