Keep it together: 5 essential design patterns for dev tool UIs
If you're new to dev tool design, this post provides both real-life UI examples and analysis—so you can get going in record time.
If you're new to dev tool design, this post provides both real-life UI examples and analysis—so you can get going in record time.
Creative process on brand identity and user experience design for the financial application Serra.
I’ve been part of the interviewing teams before, but this is my first time being the hiring manager. It’s been quite a learning experience.
I’ve been having a lot of fun creating reusable Web Components, so here are three that I’ve built and been using this so far this year.
Amit Sheen demonstrates using :has()
to apply styles conditionally.
This API allows you to open an element on top of everything despite where it lives in the DOM and without any particular styling.
When it comes to building websites, it can be handy having a few shades of grey at your disposal, no matter your colour palette.
The creator of Node.js and Deno has a new mission: Securing JavaScript packages against malicious users.
We've run the 2024 presidential candidates’ campaign websites through our AIM (“Accessibility Impact”) testing sequence.
The shift to music streaming has led to songs getting shorter, music getting less melodically diverse and lyrics getting more repetitive.
To remove some of the confusion, here’s a list of misconceptions about Specificity in CSS.
The Zelman Meats logo, designed by Sam Lachlan of Red Dot Studio, identifies Misha Zelman’s steakhouse in Knightsbridge, London.
Data artist Robert Hodgin recently created a feedback loop between Midjourney and ChatGPT-4.
And everything else that’s new from Figma’s Framework event.
A proposal to define masonry and grid in different specifications.
People often remember visuals better than words.
Music notation should be as accessible and as fluid as text is on the web. CSS Grid helps us get there.
Building design systems is difficult, especially when having to support multiple brands.
Employing AI to reduce the emotional toll of combating online hate speech.
Tim Brown discusses the craft and practice of typography and driving type toward a future vision.
Somehow we forgot how to center rectangles and must find our way back
See a full working demo of how we built the interactive Vercel Ship ’24 badge using React Three Fiber and react-three-rapier.
With container style queries on the horizon, it is a good time to do more experiments with them.
I had been aware of the scripting CSS media feature but I was still under the impression that cross-browser support was lacking.
UI/UX design is no stranger to the effects of AI.
While designing, I had an overwhelming feeling of deja vu and that I’d made a layout exactly like this before.
A new edition of Daniel's Shiffman's book about simulating natural systems with JavaScript, available for free online.
A brief read on the rise, fall, and attempted comeback of the once viral voice-only social media app — Clubhouse.
Often feared by developers, the cascade and specificity is actually really simple if you utilise the right mental model when authoring CSS.
A team of industrial designers prototyped a furniture collection that dramatically transforms from flat sheets into fully functional objects.