webstack
Modern retro computer terminals
The goal for this project is to design, 3D-print and assemble the enclosures for several small desktop computers.
Read the full story ⟶
Animating with Lottie
I believe animation on the web is not only fun, but engaging in such a way that it has converted site visitors into customers.
Read the full story ⟶
The shorthand-longhand problem in atomic CSS
In this article I’d like to talk about the biggest caveat of Atomic CSS – precisely Atomic CSS generated by CSS-in-JS libraries.
Read the full story ⟶
Creating paper prototypes with Marvel
Before investing time and money into developing an idea, testing prototypes with users and gaining feedback can help identify optimisations in your user experience.
Sketching your screens to create paper prototypes is the quickest and cheapest option, plus it's accessible for anyone as it doe..
A comprehensive list of UX design methods & deliverables (2021)
A comprehensive list of UX design methods & deliverablesThe most common tool, methods, processes, and deliverables that designers use throughout the digital product design process.Original photo by Kelly SikkemaThis is an updated version of a list published a few years ago.
SourceService BlueprintA ..
Design systems are ecosystems for collaboration
Defining the parts and the 5 questions to drive development forward.In 2014 I build what I called my first proper UI component library. What made it proper was the fact that I could reuse components and combine them to create new components and layouts. I called it the “prototype machine” because it..
Rendering the WordPress philosophy in GraphQL
WordPress is a CMS that’s coded in PHP. But, even though PHP is the foundation, WordPress also holds a philosophy where user needs are prioritized over developer convenience. That philosophy establishes an implicit contract between the developers building WordPress themes and plugins, and the user m..
AnimXYZ
There are quite a few CSS animation libraries. They tend to be a pile of class names that you can apply as needed like “bounce” or “slide-right” and it’ll… do those things. They tend to be pretty opinionated with nice defaults, and not particularly designed around customization.
It looks like Anim..
State of JavaScript 2020
We rounded up a bunch of published 2020 annual reports right before the year ended and compiled them into a big ol’ list. The end of the list called out a couple of in-progress surveys, one of which was the 2020 State of JavaScript. Well, the results are in and available to check out!
Just shy of 2..
How the sausage is made, no-mouse challenge, building a portfolio system
Your weekly list of curated design resources, brought to you by your friends at the UX Collective.As designers, we are a part of something bigger than ourselves. We’re part of a system that relies on collaboration across many disciplines. Once designs leave our control, we’re not done. A lot has to ..
