Collective #551
![C551_perfectmenu](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_perfectmenu.jpg?x86293)
The perfect responsive menu
A great responsive menu solution that is accessible and keeps your HTML simple, without duplicating markup.
Read it![C551_Rollbar](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_Rollbar.jpg?x86293)
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.
Try it for free![C551_shadows](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_shadows.jpg?x86293)
Smoother & sharper shadows with layered box-shadows
Read about this wonderfully simple CSS trick that offers fine-tuned control over how shadows are rendered.
Read it![C551_luke](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_luke.jpg?x86293)
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.
Watch it![C551_json](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_json.jpg?x86293)
jsonbox.io
A HTTP based JSON storage that lets you store, read and modify JSON data over HTTP APIs.
Check it out![C551_vanschneider](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_vanschneider.jpg?x86293)
A love letter to my website
A declaration of love for personal websites by Tobias van Schneider.
Read it![C551_betterJS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_betterJS.jpg?x86293)
Practical Ways to Write Better JavaScript
Ryland Goldstein shares some of the top methods he uses to write better JavaScript.
Read it![C551_patterns](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_patterns.jpg?x86293)
Smarter Patterns
Smarter Patterns is an interaction pattern library that provides solutions for common AI challenges.
Check it out![C551_googlefontapi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_googlefontapi.jpg?x86293)
Variable fonts & the new Google Fonts API
Jason Pamental shows how to use theh new version of the Google Font API for variable fonts.
Read it![C551_ml](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_ml.jpg?x86293)
Learning Machine Learning
A fantastic online comic from Google AI on the amazing world of Machine Learning.
Check it out![C551_7](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_7.jpg?x86293)
Every website deserves a service worker
Danny Moerkerke argues that every website should work offline and explains what that really means.
Read it![Screen-Shot-2019-09-23-at-14.17.55](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/Screen-Shot-2019-09-23-at-14.17.55.jpg?x86293)
CopyMonkey
CopyMonkey is an online app that uses machine learning to mimic your handwriting style like a monkey.
Check it out![C551_slideshow](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_slideshow.jpg?x86293)
rgbShiftSlider
Fantastic demo of a unique slideshow effect made by Hadrien Mongouachon.
Check it out![C551_navi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_navi.jpg?x86293)
navi
An interactive cheatsheet tool for the command-line that allows you to browse through cheatsheets and execute commands, prompting for argument values.
Check it out![C551_tooling](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_tooling.jpg?x86293)
Why JavaScript Tooling Sucks
Shawn Wang explains why JavaScript tooling is just too hard to use.
Read it![C551_overscroll](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_overscroll.jpg?x86293)
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.
Check it out![C551_80](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_80.jpg?x86293)
80's
An impressive WebGL demo by Clément Roche.
Check it out![C551_hsl](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_hsl.jpg?x86293)
HSL Slider w/ React + CSS vars
A demo of a beautiful HSL slider made by Jhey.
Check it out![C551_betterpracticaljs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_betterpracticaljs.jpg?x86293)
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.
Check it out![C551_cascadia](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_cascadia.jpg?x86293)
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.
Check it out![C551_resume](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_resume.jpg?x86293)
Resume Builder
A free resume builder that lets you create a professional resume in minutes.
Check it out![C551_images](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_images.jpg?x86293)
Optimize Images for Web
An great collection of different ways to optimize images for the web.
Read it![C551_chipotle](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_chipotle.jpg?x86293)
An HTML attribute potentially worth $4.4M to Chipotle
Jason Grigsby shares how he found a crucial problem in Chipotle's online form.
Read it![C551_off](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_off.jpg?x86293)
Oversize Studio
Click and hold to see an awesome effect.
Check it out![C551_fira](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/09/C551_fira.jpg?x86293)
Fira Code Google API Demo
Mandy Michael's experiment with the Google Fonts API for variable fonts.
Read it