How YouTube created a tailor-made font that doubles as a brand ambassador. When I first joined YouTube in the fall of 2014 as a design director, the company’s identity was somewhat disjointed, even to those of us on the inside. We had our full wordmark—a modified version of Alternate Gothic—and our shorthand “play icon,” but […]

Since I published my 2019 in Review, detailing the industry trend towards static hosting and the rise of Jamstack CDNs like Vercel, a question has persistently come up: how is this different from a server and a traditional CDN on top? Why not then just use servers with containers (even serverless ones)? The answer boils […]

I don’t remember much about my first web design class. But I distinctly remember using the eyedropper tool in PaintShop Pro for the first time. I remember picking a color directly from a photograph on my page and then copy/pasting that hex value into my css and changing the text color for my *entire* website. […]

Refresh of one of world’s most iconic fashion brands. Born in the 1960s, Esprit is one of the most iconic brands in the world, with an effortless style that empowers people to feel good and embraces positivity as a force for change. Esprit is launching a refreshed brand identity by Pentagram that draws on the […]

My design journey started four years ago when I quit my job at a children’s sleep clinic to become a designer. I would read books about UX on my commutes to and from work. Every evening, I would spend 6 to 7 hours taking web development courses and learning what it meant to design. Everything […]

Even though Apple did not invent the mouse pointer, history has cemented its place in dragging it out of obscurity and into mainstream use. Its everyday utility, pioneered at Xerox Parc and later combined with a bit of iconic* work from Susan Kare at Apple, has made the pointer our avatar in digital space for […]

There’s some new units I was totally unaware of from the Level 4 spec for CSS values! The lh unit is “equal to the computed value of line-height” and rlh is the same only of the root element (probably the html element) rather than the current element.

CSS Comparison Functions (min(), max(), clamp()) become supported in Firefox on 8 April 2020, which means that they are now supported in all major browsers. Those CSS functions will provide us with ways to have dynamic layouts and more flexible design components. They can be used for container sizes, font-size, padding. and a lot more. […]

Dark Mode Design is an inspiration resource showcasing beautifully designed websites that are either exclusively in dark mode or have the ability to switch. All sites are curated and handpicked by Cai Cardenas

In today’s cheat sheet we will be looking at selectors and how they differ. Unlike most of my other cheat sheets, this will focus on two components (radio buttons and checkboxes) side by side for easier comparison — while also comparing them to a few others.

Our mission is to make cloud computing accessible to everyone. We build products for developers and designers. And those who aspire to become one.

“The eye sees only what the mind is prepared to comprehend.” — Robertson Davies. A person who thinks women are bad drivers is more likely to notice driving mistakes made by women. A detective who is convinced a suspect is guilty is more likely to pay attention to evidence corroborating their intuition. And, while someone […]

Learn how to avoid sudden layout shifts to improve user-experience. Layout shifts can be distracting to users. Imagine you’ve started reading an article when all of a sudden elements shift around the page, throwing you off and requiring you to find your place again. This is very common on the web, including when reading the […]

How we created a stencil-based web component for displaying SVG icons. In the last ten years, developers have been on a quest to find the best way to implement icons in a digital product. We’ve wandered through low fidelity gifs, elaborately Photoshopped png sprites, icon fonts (remember those?), SVG sprites, and finally inline SVGs. Recently […]

A close friend of mine, Dennis, is one of the editors and contributors to Headache Comix, an underground magazine for comics, so far only available in print. He asked me to do a website for Headache Comix , and I said yes – why not? Visit headachecomix.com to see the result. Headache Comix had quite […]

I just released a new version of Actual and a big change is a rewrite of the budget table. It might not look like much, but it pays down a lot of technical debt and is a big improvement in many ways. The previous design resulted in a poor user experience despite good intentions. This […]

How ACs should ideally be run during the pandemic

A one-man mission invokes Gandhian principles to make renewable power a household agenda. Preeti Mehra reports