Articles for category: News

RyanArnold

Line Commands

SVG is easy — until you meet path. However, it’s not as confusing as it initially looks. In this first installment of a pair of articles, Myriam Frisano aims to teach you the basics of <path> and its sometimes mystifying commands. With simple examples and visualizations, she’ll help you understand the easy syntax and underlying ...

RyanArnold

I am a creative.

I am a creative. What I do is alchemy. It is a mystery. I do not so much do it, as let it be done through me. I am a creative. Not all creative people like this label. Not all see themselves this way. Some creative people see science in what they do. That is ...

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

Can Good UX Protect Older Users From Digital Scams?

As online scams become more sophisticated, Carrie Webster explores whether good UX can serve as a frontline defense, particularly for non-tech-savvy older users navigating today’s digital world. A few years ago, my mum, who is in her 80s and not tech-savvy, almost got scammed. She received an email from what appeared to be her bank. ...

RyanArnold

Opportunities for AI in Accessibility

In reading Joe Dolson’s recent piece on the intersection of AI and accessibility, I absolutely appreciated the skepticism that he has for AI in general as well as for the ways that many have been using it. In fact, I’m very skeptical of AI myself, despite my role at Microsoft as an accessibility innovation strategist ...

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

Curve And Arc Commands

On her quest to teach you how to code vectors by hand, Myriam Frisano’s second installment of a path deep dive explores the most complex aspects of SVG’s most powerful element. She’ll help you understand the underlying rules and function of how curves and arcs are constructed. By the end of it, your toolkit is ...

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. ...