Collective #702

Inspirational Website of the Week: Jantana Hennard

Smooth and minimal with lovely typography and some playful details. Our pick this week.

This content is sponsored via BuySellAds

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