Adrian Bece, Author at CSS-Tricks

Article November 24, 2020

How to Load Fonts in a Way That Fights FOUT and Makes Lighthouse Happy

Author

13 Comments

A web font workflow is simple, right? Choose a few nice-looking web-ready fonts, get the HTML or CSS code snippet, plop it in the project, and check if they display properly. People do this with Google Fonts a zillion times a day, dropping its <link> tag into the <head>.

Let’s see what Lighthouse has to say about this workflow.… Read article “How to Load Fonts in a Way That Fights FOUT and Makes Lighthouse Happy”

Article August 28, 2020

Here’s How I Solved a Weird Bug Using Tried and True Debugging Strategies

Author

Adrian Bece

11 Comments

Join Conversation

Remember the last time you dealt with a UI-related bug that left you scratching your head for hours? Maybe the issue was happening at random, or occurring under specific circumstances (device, OS, browser, user action), or was just hidden in one of the many front-end technologies that are part of the project?

I was recently reminded of how convoluted UI bugs can be. I recently fixed an interesting bug that was affecting some SVGs in Safari browsers with no obvious … Read article “Here’s How I Solved a Weird Bug Using Tried and True Debugging Strategies”

Article March 20, 2020

Neumorphism and CSS

Author

Adrian Bece

Neumorphism (aka neomorphism) is a relatively new design trend and a term that’s gotten a good amount of buzz lately. It’s aesthetic is marked by minimal and real-looking UI that’s sort of a new take on skeuomorphism — hence the name. It got its name in a UX Collective post from December 2019, and since then, various design and development communities have been actively discussing the trend, usually with differing opinions. Chris poked fun at it on Twitter. Adam Giebl … Read article “Neumorphism and CSS”

neumorphism