Let's Learn About Aspect Ratio In CSS
Learn how to use the native CSS aspect-ratio property
Friday06/18
1
2
Optical size, the hidden superpower of variable fonts
A look at making letters actually change the way they look when shown in small or large sizes using variable fonts with an optical size axis.
3
Bear plus snowflake equals polar bear
Quick, how many bytes make up the following line? No tricks, I promise.
Thursday06/17
1
Ten years of breaches in one image
Drawing on data from the “Have I Been Pwned” service, we’ve mapped out 10 years of breaches.
2
iOS 15, Humane
We believe technology should help us live well. It can and should be designed to help us be intentional, to do the things that truly matter.
3
The 6 Levels of UX Maturity
Our UX-maturity model has 6 stages that cover processes, design, research, leadership support, and longevity of UX.
4
Some Fun Typefaces for 2021
Adobe recently announced the winners of their 36 Days of Type contest.
5
Wayfinder
A relaxing 'art game' in your browser that combines illustration, procedural generation, and computational poetry.
Wednesday06/16
1
Only 4.8% of U.S. designers are Black. Adobe, Gap, and more want to change that
Nearly two dozen companies are pledging to bring equity to design through the newly launched Diversity in Design Collaborative.
2
How My Drawings Destroyed Me
An outlet for creative and emotive expression. That’s what drawing once meant to me.
3
Introducing Astro: Ship Less JavaScript
We’re excited to announce Astro as a new way to build static websites and deliver lightning-fast performance.
4
The State of Independence Report 2021
Contra surveyed over 10,000 freelancers across design, engineering, product, writing, marketing, and social to gather insights on the future of work.
5
Designing e-commerce experience for pottery
Welcome to my first UI/UX case study. I will share my process and explain the design decisions I took along the way.
Tuesday06/15
1
SVG animations made easySponsored
Loaf is a tool that makes SVG animations easy. Hundreds of premium animations packaged in a beautiful app for Windows and macOS. Get started for free!
2
The UX of video game tutorials
What decisions a designer will run into while designing learning experiences.
3
What does the Safari 15 update mean for my designs?
Everything you need to know about Safari 15 on iOS for web designers, front-end developers and design engineers.
4
Chrome vs Brave: How To Use Ethical Design To Win Customers
Learn how Brave uses ethical design as their competitive advantage, and how they include it in their onboarding and user retention strategy.
5
Typography Trends in 2021: What Should You Know?
Here are 13 trends that I believe will determine the face of typography in 2021.
Monday06/14
1
How bullet charts taught me about the importance of layering
One of the most interesting things that I’ve found is that working with advanced visualizations often requires a sharper design eye.
2
Journey Mapping, Emotional Waves, and Fiber Art Data Viz
Two years ago, I had a blast creating this simple journey map that started with sticky notes and ended with some sort of layered line chart.
3
Allowing group orders in food delivery apps
A new feature that allows multiple people to add food to a single order using their own devices.
4
Media Queries in Times of @container
With container queries now on the horizon - will we need media queries at all?
5
Health Icons
Free, open source health icons. Use in your next commercial or personal project. Editing is ok. Republishing is ok. No need to give credit.
Friday06/11
1
19 Illustrators Celebrate What They Love About Asian Culture
Nineteen international illustrators have banded together to raise money to stop violence against Asian communities.
2
New CSS functional pseudo-class selectors :is() and :where()
These seemingly small additions to CSS selector syntax are going to have a big impact.
3
Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media Queries
A little while back, Chris shared this nice hexagonal grid. And true to its name, it’s using —wait for it — CSS Grid to form that layout.
4
Developing an Audio Player for Me Rex’s Megabear
It was February of this year when I first heard about the concept for Me Rex’s debut album, Megabear.
5
Inspirational Websites Roundup #26
Get updated on the latest trends in web design with this new collection of super creative websites.
Thursday06/10
1
The biggest rebrands of the decade have this visionary designer in common
How Lisa Smith turned the world off of minimalism and changed the design landscape.
2
Best practices for fonts
Learn about how to optimize web fonts for Core Web Vitals.
3
What the Fastly outage can teach us about writing error messages
Insights on doing better as developers when it comes to crafting error messages and information display after the recent Fastly outage.
4
A Cornucopia of Container Queries
I don’t know about y’all, but my feeds have been flooded with articles about CSS Container Queries these past few weeks.
5
Star Trek + Design
Exploring the furniture, interior design and objects found on Star Trek in creating its 24th century aesthetic.
Wednesday06/09
1
The Art of Design Spec’ing
Let’s learn more about design specs, how to create them, and how they smooth out the hand-off process between design and engineering.
2
How to document accessibility as a UX designer
When I first started working at Qualtrics two years ago, no one was really talking about software accessibility or inclusive design.