Collective #702
Inspirational Website of the Week: Jantana Hennard
Smooth and minimal with lovely typography and some playful details. Our pick this week.
Get inspired
Put the “Flow” in Your Workflows with Shortcut
Shortcut helps streamline and evolve your workflows so you can plan, collaborate, ship, and measure success all from one place.
Try it free
WebGPU — All of the cores, none of the canvas
An in-depth exploration by Surma where he shares what he learned while wrapping his head around GPUs and WebGPU, the upcoming Web API that gives you low-level, general-purpose access GPUs.
Read it
Say Hello to selectmenu, a Fully Style-able select Element
Patrick Brosset introduces a new, experimental form control called selectmenu and shows how much easier it is to style than a traditional <select> element.
Check it out
Taming CSS Variables with Web Inspector
Over the past few releases, Web Inspector in Safari Technology Preview has introduced some features to help you when working on projects that use large numbers of CSS variables.
Read it
Type Trends 2022
Check out the latest type trends to see what’s new and exciting in the world of design, branding, and type design.
Check it out
The Micro-Frontends future
Luca Mezzalira looks at where the micro-frontends journey has arrived so far and analyzes the different challenges where teams are struggling.
Read it
Css Checker
Css-checker checks your CSS styles for duplication and finds the diff among CSS classes with high similarity in seconds.
Check it out
Booqsi
A modern social platform for the book community and an Amazon-free alternative to Goodreads.
Check it out
Wik
Use wik to get information about anything on the shell using Wikipedia.
Check it out
Solid.js feels like what I always wanted React to be
Nick Scialli is sold on Solid and explains why it “feels like it uses a lot of the ergonomic parts of React while minimizing confusion and errors”.
Read it
Progressive Enhancement, the New Hotness
Chris Ferdinandi reminds what Progressive Enhancement is and why it is important.
Read it
10 Useful CSS Tricks for Front-end Developers
CSS is becoming more capable of handling dynamic design features that were often achieved through JavaScript. Learn some creative CSS tricks that are a prime example of that in this article by Alex Ivanovs.
Read it
How Does Perspective Work in Pictures?
A super interesting article by Aaron Hertzmann on how perspective works in pictures and how photography isn’t all-seeing in the sense that the eyes see.
Read it
TextFrame
TextFrame lets you create animated tutorials for your users so they can get the help they need.
Check it out
Open Source Color System
An Open Source Color System for Complex Digital Interfaces with Carefully picked colors to match with your interfaces challenges.
Check it out
A Reason to Self-Host Fonts
Michelle Barker explains how third-party CDN hosted fonts can simply change without you knowing and how that is one more argument in favor of self-hosting them for better control.
Read it
Ken Kaneki (Pure CSS)
Beautiful pure CSS art made by Ronnie Lee.
Check it out
How to design better APIs
15 language-agnostic, actionable tips on REST API design by Ronald Blüthl.
Read it
Creating Native Web Components
Learn how to create native web components with the Minze JavaScript framework.
Check it out
UI Interactions & Animations Roundup #22
The latest motion design concepts and web animation inspiration from the past couple of weeks.
Check it out
Creating a Risograph Grain Light Effect in Three.js
Learn two ways of applying a creative grain effect to 3D elements in Three.js.
Check it out
Sketch 010: Image Motion Trail (Perspective)
One of our latest sketches: An image motion trail effect with various layers that follow the mouse.
Check it out