The Pudding Cup 2020
The best visual and data-driven stories of 2020.
2020 birthed a year of next-level creativity and innovation in the world of digital design.
Download free mono or multi color vectors for commercial use.
Over 1,000 designers talked to us about how they work, what they value, and the challenges they’re facing. Here’s what we found.
In this article, I want to discuss all the ways to hide something, be it through HTML or CSS, and when to use which.
What are the principles underlying the ideal desk setup? How do we balance great design with modern technology?
The Wikipedia Android app team improved a core feature: searching for articles. Along the way, they experienced a surprise.
A foundational overview of how to build a tabs component similar to those found in iOS and Android apps.
Exploring design engineering, and deciding whether that’s what I do.
This weekend, I walked past the chips and snacks aisle and noticed a different branding to my favorite “Crisps” brand.
Experience Japan Pictograms are a novel set of visual symbols developed for people of all cultures and ages to enhance their tourism experience.
As digital practitioners, GDPR has impacted every facet of our professional and personal lives.
The z-index property can be a tricky little bugger. Sometimes, no matter how much you crank up the number, the element never rises to the top!
How might we leverage AI and the benefits it brings to help in the design process?
Ethical Design Guide is made to share resources on how to create ethical products that don’t cause harm.
The more I think about today’s front page of the New York Times, the more it is for me another watershed moment for data visualization.
Apple’s design is an inspiration to many, but are their data visualizations screen reader accessible?
Remembering Jobs’ relentless approach to product design, and how a sufficient mouse design never came to be.
How and why you should use CSS variables (custom properties) for theming instead of React context.
Choose from a range of syntax colors, hide or show the background, and toggle between a dark and light window.
To a developer, recipes represent such a complex and delicious content model. So why do so many recipe websites leave a bad taste?
Create MP4 motion graphics in React. Leverage CSS, SVG, WebGL and more technologies to render videos programmatically!
View a 3D model of your GitHub contribution graph as a city skyline instead of the 'green tiles'.
A clickable artwork by Amani Lewis lets consumers shop Black-owned brands such as Jungalow, Blk & Bold coffee, and more.
There’s a big difference between how you might see iconography used, for example, in Microsoft Word & Photoshop or on a website you’ve just launched.
The third annual State of User Research report uncovers trends in UX research methods, tools, salaries, and remote work. This one's a beaut!
Simple, focused apps like weather and calculator that use bold type, graphics and animation to drive one point home: No more boring apps.
CSS is yet to have a switch rule or conditional if, aside from the specific nature of media queries and some deep trickery with CSS custom properties.