Collective #686
Publikováno: 4.11.2021
Codeamigo * MangoDB * Coding Font * Developer Tools secrets that shouldn’t be secrets
The post Collective #686 appeared first on Codrops.

Inspirational Website of the Week: Oatly
Oatly’s website just pops and has just so much individuality. Our pick this week.

Start working towards your career in design today.
Springboard offers a comprehensive UI/UX design bootcamp. In the course, you’ll complete design projects and a real-world externship with an industry client. Graduate with a UI/UX design mindset and a portfolio to show for it.

Codeamigo
A new community-based platform that allows anyone to take free interactive coding tutorials.

Towards an animation smoothness metric
Learn about measuring animations, how to think about animation frames, and overall page smoothness.

Magically Rearranging Patterns
CSS Houdini magic made by George Francis. Resize the browser and watch the pattern re-arrange itself!

Developer Tools secrets that shouldn’t be secrets
The writeup of a great and insightful talk by Christian Heilmann given at CityJS.

Accessible Toggles
Michelle Barker explains how to make sure toggles are properly accessible.

llline
SVG generator that makes it easy to create lines & strokes that look and feel organic.

Coding Font
A game that let’s you find the coding font you love the most.

Semi-design
A modern, comprehensive, flexible design system and React UI library.

Building Real-life Components: Facebook Messenger’s Chat Bubble
A deep dive into building Facebook Messenger’s Chat Bubble by Ahmad Shadeed.

Toxiproxy
A TCP proxy to simulate network and system conditions for chaos and resiliency testing.

Star Atlas
Such a cool web experience for a strategy game of space exploration.

MangoDB
MangoDB is set out to become the de-facto open-source alternative to MongoDB.

How To Design A Good API and Why it Matters
A talk given by Joshua Bloch at a Google Tech Talk many years ago, but very relevant.

Design for yourself! (Sometimes)
Boris Müller argues how it can be rewarding and productive to practise individual creativity instead of user-centred design.

Notifire
An open-source notification infrastructure for products with multi channel communication via email, sms, push and more.

How I made Google’s data grid scroll 10x faster with one line of CSS
Johan Isaksson shares an interesting debug process for fixing the data grid of the Google Search Console.

Arco Design
A comprehensive React UI components library based on the Arco Design system.

Devtools.fm podcast recording on Polypane, Electron, Superposition
An interesting podcast where Kilian Valkhof talks about his experiences as an indie developer building Polypane and Superposition.

Mistql
MistQL is a miniature embeddable query language for JSON-like structures, built for embedding within applications.

SVG Overlay and Infinite Menu Background Animation
A little menu effect with an SVG overlay and an infinite background CSS animation.
The post Collective #686 appeared first on Codrops.