![C551_perfectmenu](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_perfectmenu.jpg)
The perfect responsive menu
A great responsive menu solution that is accessible and keeps your HTML simple, without duplicating markup.
![C551_Rollbar](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_Rollbar.jpg)
Analyze, diagnose & fix errors in record time
Never wonder how to repro a bug again. Track & debug bugs in record time. Instantly know when errors occur and how to fix them.
![C551_shadows](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_shadows.jpg)
Smoother & sharper shadows with layered box-shadows
Read about this wonderfully simple CSS trick that offers fine-tuned control over how shadows are rendered.
![C551_luke](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_luke.jpg)
Mind the gap, user centered design in large organizations
Luke Wroblewski’s talk about why most “user-centered” design isn’t and how we can address the issues this creates. The slides can be found here.
![C551_json](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_json.jpg)
jsonbox.io
A HTTP based JSON storage that lets you store, read and modify JSON data over HTTP APIs.
![C551_vanschneider](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_vanschneider.jpg)
A love letter to my website
A declaration of love for personal websites by Tobias van Schneider.
![C551_betterJS](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_betterJS.jpg)
Practical Ways to Write Better JavaScript
Ryland Goldstein shares some of the top methods he uses to write better JavaScript.
![C551_patterns](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_patterns.jpg)
Smarter Patterns
Smarter Patterns is an interaction pattern library that provides solutions for common AI challenges.
![C551_googlefontapi](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_googlefontapi.jpg)
Variable fonts & the new Google Fonts API
Jason Pamental shows how to use theh new version of the Google Font API for variable fonts.
![C551_ml](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_ml.jpg)
Learning Machine Learning
A fantastic online comic from Google AI on the amazing world of Machine Learning.
![C551_7](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_7.jpg)
Every website deserves a service worker
Danny Moerkerke argues that every website should work offline and explains what that really means.
![Screen-Shot-2019-09-23-at-14.17.55](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/Screen-Shot-2019-09-23-at-14.17.55.jpg)
CopyMonkey
CopyMonkey is an online app that uses machine learning to mimic your handwriting style like a monkey.
![C551_slideshow](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_slideshow.jpg)
rgbShiftSlider
Fantastic demo of a unique slideshow effect made by Hadrien Mongouachon.
![C551_navi](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_navi.jpg)
navi
An interactive cheatsheet tool for the command-line that allows you to browse through cheatsheets and execute commands, prompting for argument values.
![C551_tooling](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_tooling.jpg)
Why JavaScript Tooling Sucks
Shawn Wang explains why JavaScript tooling is just too hard to use.
![C551_overscroll](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_overscroll.jpg)
overscroll-behavior: contain
A great CSS tip by Aaron Iker: disable parent scrolling when the child scroll container reaches the edge of the scrollport using overscroll-behavior: contain.
![C551_80](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_80.jpg)
80’s
An impressive WebGL demo by Clément Roche.
![C551_hsl](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_hsl.jpg)
HSL Slider w/ React + CSS vars
A demo of a beautiful HSL slider made by Jhey.
![C551_betterpracticaljs](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_betterpracticaljs.jpg)
Two exceptional use cases for the spread operator you may not know of
Enmanuel Durán shows a couple of highly productive and efficient uses for the spread operator.
![C551_cascadia](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_cascadia.jpg)
Cascadia Code
A fun new monospaced font that includes programming ligatures and is designed to enhance the modern look and feel of the Windows Terminal.
![C551_resume](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_resume.jpg)
Resume Builder
A free resume builder that lets you create a professional resume in minutes.
![C551_images](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_images.jpg)
Optimize Images for Web
An great collection of different ways to optimize images for the web.
![C551_chipotle](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_chipotle.jpg)
An HTML attribute potentially worth $4.4M to Chipotle
Jason Grigsby shares how he found a crucial problem in Chipotle’s online form.
![C551_off](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_off.jpg)
Oversize Studio
Click and hold to see an awesome effect.
![C551_fira](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C551_fira.jpg)
Fira Code Google API Demo
Mandy Michael’s experiment with the Google Fonts API for variable fonts.
Collective #551 was written by Pedro Botelho and published on Codrops.