Layout projection: A method for animating browser layouts at 60fps
Browser layouts are difficult to animate. Layout projection provides a method of animating layouts at 60fps with no visual distortion.
Friday10/30
1
2
3
Introducing the 1st design-to-development platform
After months of hard work, we’re proud to introduce Anima 4.0!
4
The CSS Custom Property Toggle Trick
The entire world of branching conditional logic for custom CSS properties only exists because of a tiny footnote that has gone unnoticed.
5
Bridging design and code with Variants
Today we’re launching Variants and updates to the Inspect panel to power up your design system
Thursday10/29
1
Awesome Demos Roundup #18
A big selection of the best web experiments made in the past weeks.
2
Informative & Decisional
Product designers and engineers frequently ask our team to add features to our messaging components.
3
What is the best political branding of all time? Experts weigh in
Ben Ostrower and Susan Merriam debate the branding of various political campaigns—from Eisenhower to Obama.
4
Comparing Static Site Generator Build Times
There are so many static site generators (SSGs). It’s overwhelming trying to decide where to start.
Wednesday10/28
1
Designing a COVID-19 vaccine visualization and tracker
An oral history about the team that built a site concisely explaining and tracking the development of COVID-19 vaccines.
2
Behind the feature: the hidden challenges of autosave
The technical challenges of updating our autosave system.
3
This is NOT collaboration
Yes, this is going to be one of those controversial articles, and if you’re a Figma superfan, you likely want to start throwing rocks at me right now.
4
Part of your world: Why we’re proud to build a truly native Mac app
From personalization and performance, to familiarity and flexibility — there are plenty of reasons to love native apps
5
Tyrus
Tyrus is a free digital toolkit from Airbnb Design that helps freelance illustrators optimize their business.
Tuesday10/27
1
MONOSPACE
MONOSPACE: Flip dots with feelings, a JavaScript demo in 1021 bytes, winner of the 1024 bytes demo competition at Assembly 2020.
2
This page is a truly naked, brutalist html quine.
One of my favorite things is to misuse technology in creative ways. Breaking the rules without breaking the rules.
3
WordPress and Jamstack
I recently moderated a panel at Netlify’s virtual Jamstack Conf that included Netlify CEO Matt Biilman and Automattic founder Matt Mullenweg.
4
Responsive Grid Design: Ultimate Guide
Responsive grid helps to maintain consistency & make faster design decisions.
5
Phosphor Icons
A flexible icon family for interfaces, diagrams, presentations — whatever, really.
Monday10/26
1
7 UX Best Practices for Livestream ChatSponsored
Live streaming your next event? Follow Stream's UX best practices for chat and engagement so you can scale your app with lightning speed.
2
min(), max(), and clamp(): three logical CSS functions to use today
Min, max, and clamp provide some powerful CSS capabilities that enable more responsive styling with fewer liens of code.
3
7 (more) tips to help you quickly improve your UIs
In this follow-up article I’ve focused primarily on Typography.
4
Spatial Memory: Why It Matters for UX Design
Users develop imprecise memory of objects and content in a UI, but still need additional signals to help them find a specific item.
5
Adobe’s latest AI experiments will melt your brain
Every year, Adobe pulls up the curtain on some of its most futuristic projects. Here’s the best of 2020.
Friday10/23
1
The 25 most spectacular branding fails of the last 25 years
From McDonald’s hamburger for adults to ‘The Dead Kid’ Super Bowl ad, these are the biggest ‘what were they thinking?’ moments since 1995.
2
State-Switch Controls: The Infamous Case of the “Mute” Button
On–off controls that switch between two different system states need to clearly communicate to users both states.
3
Build your SVG favicon in seconds
Build a letter-based favicon like most big tech companies, or be playful and create an emoji-based favicon.
4
Thinking Outside the Box with CSS Grid
When you think of CSS Grid, you generally think of a boxy layout, right?
5
The Psychology of Misinformation During the 2020 U.S. Elections
This case study shows you the psychological principles that make people spread misinformation on social media (and how that could be improved).
Thursday10/22
1
2
Photoshop Introduces 5 Long-Awaited AI Features
The future starts today! Adobe releases the new version of Photoshop for the desktop and iPad enriched with five AI features.
3
Hands-Free Coding
Earlier this year, I developed Cubital Tunnel Syndrome, a repetitive-strain injury, in both of my elbows.
4
Icon designer Louie Mantia's take on traditional Japanese playing cards
I got a chance to ask accomplished icon designer Louie Mantia about his newest project, a set of Hanafuda playing cards.
5
“Reverse Toonification” of Pixar Characters
Using an AI-based framework called Pixel2Style2Pixel, Nathan Shipley made some more photorealistic faces for Pixar characters.
