Articles for author: RyanArnold

RyanArnold

The Wax and the Wane of the Web

I offer a single bit of advice to friends and family when they become new parents: When you start to think that you’ve got everything figured out, everything will change. Just as you start to get the hang of feedings, diapers, and regular naps, it’s time for solid food, potty training, and overnight sleeping. When ...

RyanArnold

🗞 Easily improve your Web Design with AI

Hey Designers! 👋   This week we have: balanced web design sustainable websites 5 css tips easier layouts and more… Symmetry is the simplest way to achieve balance, but balance and symmetry and not the same things! Matt Brunton encourages you to stop centering everything, and shows you why and how to create asymmetrical layouts. ...

RyanArnold

Creating The “Moving Highlight” Navigation Bar With JavaScript And CSS

In this tutorial, Blake Lundquist walks us through two methods of creating the “moving-highlight” navigation pattern using only plain JavaScript and CSS. The first technique uses the getBoundingClientRect method to explicitly animate the border between navigation bar items when they are clicked. The second approach achieves the same functionality using the new View Transition API. ...

RyanArnold

🗞 Easily improve your Web Design with AI

Hey Designers! 👋   This week we have: balanced web design sustainable websites 5 css tips easier layouts and more… Symmetry is the simplest way to achieve balance, but balance and symmetry and not the same things! Matt Brunton encourages you to stop centering everything, and shows you why and how to create asymmetrical layouts. ...

RyanArnold

To Ignite a Personalization Practice, Run this Prepersonalization Workshop

Picture this. You’ve joined a squad at your company that’s designing new product features with an emphasis on automation or AI. Or your company has just implemented a personalization engine. Either way, you’re designing with data. Now what? When it comes to designing for personalization, there are many cautionary tales, no overnight successes, and few ...

RyanArnold

Specificity Control

CSS can be unpredictable — and specificity is often the culprit. Victor Ayomipo breaks down how and why your styles might not behave as expected, and why understanding specificity is better than relying on !important flags. CSS is wild, really wild. And tricky. But let’s talk specifically about specificity. When writing CSS, it’s close to ...

RyanArnold

🗞 Easily improve your Web Design with AI

Hey Designers! 👋   This week we have: balanced web design sustainable websites 5 css tips easier layouts and more… Symmetry is the simplest way to achieve balance, but balance and symmetry and not the same things! Matt Brunton encourages you to stop centering everything, and shows you why and how to create asymmetrical layouts. ...

RyanArnold

User Research is Storytelling

Ever since I was a boy, I’ve been fascinated with movies. I loved the characters and the excitement—but most of all the stories. I wanted to be an actor. And I believed that I’d get to do the things that Indiana Jones did and go on exciting adventures. I even dreamed up ideas for movies ...

RyanArnold

Build Products that Stick

As a product builder over too many years to mention, I’ve lost count of the number of times I’ve seen promising ideas go from zero to hero in a few weeks, only to fizzle out within months. Article Continues Below Financial products, which is the field I work in, are no exception. With people’s real ...

RyanArnold

What I Wish Someone Told Me When I Was Getting Into ARIA

If you haven’t encountered ARIA before, great! It’s a chance to learn something new and exciting. If you have heard of ARIA before, this might help you better understand it or maybe even teach you something new! These are all things I wish someone had told me when I was getting started on my web ...