Collective #667
Inspirational Website of the Week: Sandland Sleep
A lovely color theme with lots of type playfulness. Our pick this week.
Get inspiredImmersive virtual offices for remote teams. Free up to 25 users.
Drop by a coworker's desk, chat by the water cooler, and host game nights - with your arrow keys. Video turns on when you get close to a teammate.
Try it freeDemystifying styled-components
Josh W Comeau explains how styled components work under the hood by building a mini-clone.
Read itTowards a better responsiveness metric
Learn about our thoughts on measuring responsiveness and give the web.dev team some feedback.
Read itSetting up a Decentralised Website (ENS + IPFS = dWeb)
Ire Aderinokun's introduction to ENS names and the concept of decentralized websites.
Read itPerfect Tooltips With CSS Clipping and Masking
Louis Hoebregts shows how to do use CSS Clipping and Masking to create awesome tooltips.
Read itBuilding Generative Grid Layouts With Quadtrees
Learn to create harmonious generative grids based on random numbers, source images, user input, and more. By George Francis.
Read itA Complete Guide To Accessibility Tooling
Nic Chan looks into different kinds of tools to help you streamline your accessibility testing process.
Read itReact Architecture: How to Structure and Organize a React Application
An opinionated guide to setting up the architecture for a new React application by Tania Rascia.
Read itBenchmarking JavaScript Memory Usage
Tim Kadlec on the mystery and challenges of memory usage on the web.
Read itCustom Scrollbars In CSS
An article by Ahmad Shadeed where you'll learn about the old and new way to style custom scrollbars in CSS.
Read itAsynchronous Design Critique: Giving Feedback
Erin Casali on the advantages of asynchronous feedback to collaboratively improving designs.
Read itBeat Burger
A really cool playable burger demo by Steve Gardner.
Check it outConcentric Circle Spinner
A cool spinner made only with divs, some border tricks, and one CSS animation.
Check it outHow to Create CSS Charts With Interesting Shapes, Glyphs and Emoji
Preethi shows how to create CSS charts with interesting shapes.
Read itGitHub Issues
With the new GitHub Issues you can break issues into tasks, track relationships, add custom fields, and have conversations.
Check it outBear plus snowflake equals polar bear
A super interesting article on byte size of emojis by Andy Salerno.
Read itOptical size, the hidden superpower of variable fonts
Learn about the hidden superpower of variable fonts in this article by Roel Nieskens.
Read itA 3D Hover Effect Using CSS Transforms
A tutorial on creating a 3D hover interaction with JavaScript and CSS.
Read itOMG, SVG Favicons FTW!
Austin Gil explores the fun new world of SVG favicons.
Read itDrawing Graphics with the CSS Paint API
A practical introduction to the CSS Paint API with hands-on code examples including particles, noise buttons and curvy dividers.
Read itInline to Menu Link Animation
An experimental inline-to-menu-link animation based on a concept by Matthew Hall.
Check it out