![WOTW](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/C571_WOTW.jpg)
Inspirational Website of the Week: Esperanto
A fantastic interactive design that celebrates an exciting journey. Our pick this week.
![C571_css](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/C571_css.jpg)
CSS: An Art, a Science, a Nightmare (Everything You Should Know)
In this excellent guide, Tania Rascia covers the practical parts of CSS that are important on a daily basis.
![Divi](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/Screen-Shot-2019-12-05-at-14.15.34-1.jpg)
Work with the Powerful Divi Theme Builder
Learn how you can enjoy complete control over your entire website with the new and powerful Divi Theme Builder.
![C571_csslayout](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/C571_csslayout.jpg)
CSS Layout
A fantastic collection of popular layouts and patterns made with CSS. Made by Phuoc Nguyen.
![C571_adventcode](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/C571_adventcode.jpg)
Advent of Code 2019
Advent of Code is an Advent calendar of small programming puzzles for a variety of skill sets and skill levels that can be solved in any programming language you like.
![C571_subgrid](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/C571_subgrid.jpg)
Use CSS Subgrid to layout full-width content stripes in an article template
Learn how to augment a Grid-infused article layout that allows for certain sections of content to break out into full-width areas.
![An Introduction to Variable Fonts](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/C571_variablefonts.jpg)
An Introduction to Variable Fonts
An excellent guide to variable fonts by Jason Pamental.
![C571_music](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/C571_music.jpg)
Music and Web Design
Brad Frost’s interesting thoughts on the parallels between Music and Web Design.
![C571_aom](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/C571_aom.jpg)
Web Components and the Accessibility Object model (AOM)
Léonie Watson writes about the AOM, an experimental JavaScript API that proposes several new features intended to solve existing accessibility use cases.
![C571_drum](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/C571_drum.jpg)
DrumBot
Play real-time music with a machine learning drummer that drums based on your melody. Read more about it in this article.
![C571_binary](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/C571_binary.jpg)
Binary Music Player
A musical player, with a binary twist. Built by Tim Holman using Tone.JS.
![C571_posdcast](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/C571_posdcast.jpg)
Smashing Podcast Episode 4 With Heydon Pickering: What Are Inclusive Components?
Drew McLellan talks to Smashing author Heydon Pickering about Inclusive Components.
![C571_StateofUX](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/C571_StateofUX-1.jpg)
The State of UX in 2020
An insightful list of what to expect for User Experience (UX) Design in the next year.
![C571_boxshadows](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/C571_boxshadows.jpg)
Make a smooth shadow, friend
A smooth shadow generator inspired by Tobias Ahlin’s article. By Philipp Brumm.
![C571_darkmaterials](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/C571_darkmaterials.jpg)
Re-creating the ‘His Dark Materials’ Logo in CSS
Michelle Barker re-creates an interesting typographic logo with CSS.
![C571_ff71](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/C571_ff71.jpg)
Firefox 71: A year-end arrival
A plethora of new developer tools features including the web socket message inspector, console multi-line editor mode and more are coming in the new Firefox version.
![C571_sweater](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/C571_sweater.jpg)
Holiday CSSweater Generator
A great CSS pattern generator with a geeky Christmas theme. By Adam Kuhn.
![C571_hippo](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/C571_hippo.jpg)
Interactive Hippo Button
A fun button that looks like a hungry Hippo. By Mariusz Dabrowski. Check out the written and video tutorial.
![C571_demosroundup](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/C571_demosroundup.jpg)
Awesome Demos Roundup #11
A hand-picked collection of fantastic web experiments from the past weeks.
![C571_keys](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/C571_keys.jpg)
Piano keyboard
An awesome Codevember demo by Ricardo Oliva Alonso.
![C571_motionpath](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/12/C571_motionpath.jpg)
Motion Paths – Past, Present and Future | Codrops
An article by Cassie Evans that explores a few ways of moving an element along a path, including the upcoming CSS motion path module and the newly released GSAP3.
Collective #571 was written by Pedro Botelho and published on Codrops.