home

Brad Frost

http://bradfrost.com
Web Design, Workshops, Consulting, Music, and Art
2019-07-23T00:39:11Z
http://feeds.feedburner.com/brad-frosts-blog


Design tools are holding us back

This post by Tom Johnson gives a fantastic overview of the limitations of static design tools and design/dev handoff tools. The author breaks down the various ways static design tools are detached from the reality of how things truly play […]

2019-07-23T00:39:11Z


Choosing tools

There was a fun tweet circulating around yesterday: You’re working on a frontend project. You can install max. 5 dependencies. Which ones do you pick? — Kitze (@thekitze) July 19, 2019 Naturally, everyone weighed in with their tools of choice, […]

2019-07-20T16:40:53Z


Living ecologically | Simon Collison

I love this post by Simon. He’s rounded up a ton of great steps his family has taken to be more ecologically mindful. I’m not as far down the road as he is, but am striving to do better. There […]

2019-07-20T15:39:43Z


Yep, JavaScript Moves Fast. Build Your Component Library Anyway.

This post touches on something really important: “What if we create a component library in React/Vue/Angular/whatever and a new component technology replaces it?” That’s not a question of if. It’s a question of when. I play out this scenario with […]

2019-07-20T15:35:31Z


Frontend Design, React, and a Bridge over the Great Divide

Frontend designers create the HTML, CSS, and presentational JavaScript code that powers web products’ user interfaces. I see frontend design as helpful mortar that bridges the gap between design and development. Of course “frontend designer” may or may not be […]

2019-07-21T11:17:37Z


Extending Atomic Design

Atomic design is now over 6 years old (which is nuts!). I’m thrilled that all these years later the methodology continues to help teams think of their user interfaces as a hierarchical, interconnected set of components that build real product […]

2019-07-10T12:59:55Z


Seeing the Pages For the Components | adjacent

Fantastic post by Dan Rose about the importance of flow and cohesion for effective web design. In this component-driven world flow and cohesion often take a backseat to modularity. I was fortunate enough to watch Dan at Smashing Conf demonstrate […]

2019-07-10T03:48:32Z


Tracking Polaris – Shopify UX

This is a great read about how the Shopify team designed and grew their design system over the last two years. Note the focus on culture building, communication, and curation. Great stuff! Read: Tracking Polaris – Shopify UX

2019-07-10T03:37:13Z


Your Undivided Attention Podcast

Just devoured the Your Undivided Attention podcast by The Center for Humane Technology. Incredibly smart conversations about important topics in technology. Highly recommend checking it out.

2019-07-03T01:05:23Z


Why Did I Have Difficulty Learning React?

I’m glad I’m not the only one. A longtime hero of mine in this field, Jonathan Snook, shares his struggles  learning React. He highlights a few reasons why he struggled to get his head around it: For me, I think […]

2019-07-03T00:42:04Z


Learning Synths

Super fun little thing that teaches you the basic vocabulary of synthesizers (and sound in general). Learning Synths

2019-06-30T00:49:53Z


Relearn CSS layout: Every Layout

If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves. Through a series of simple, composable layouts, Every Layout will teach you how to better harness the built-in algorithms that power browsers and CSS. […]

2019-06-21T14:07:49Z


The Technical Side of Design Systems at CSS Day in Amsterdam

I had a fantastic time traveling to Amsterdam to speak at CSS Day (I was part of the + UI Special day). It was an absolutely phenomenal event and I learned a ton from all the amazing speakers. In my […]

2019-06-24T15:12:01Z


Building the most inaccessible site possible with a perfect Lighthouse score

This post flips the topic of accessibility best practices on its head and demonstrates how to exclude everyone, even while still scoring perfectly on accessibility tools. The moral of the story: automated accessibility tools can help but shouldn’t be the […]

2019-06-14T08:22:34Z


Rethinking designer-developer collaboration

My design partner in crime Dan Mall and I were interviewed on the Design Better podcast about breaking down barriers between designers and developers. Give ‘er a listen here.

2019-06-11T17:49:36Z


Reducing motion with the picture element

I was just talking with Dave about the accessibility of moving images on the web, and he said: hm… I wonder if you could use picture + prefers-reduced-motion? He then sends the following code: <picture> <source srcset="no-motion.jpg" media="(prefers-reduced-motion: reduce)"></source> <img […]

2019-05-28T20:13:47Z


Brad Frost Web Headquarters

Well, it happened. A new headquarters for Brad Frost Web LLC is now in my backyard. Why? I’ve been in my house for almost 5 years and have always used one of the guest bedrooms as an office. But now […]

2019-05-13T14:00:18Z


Let’s Make A Design System! Live Coding at Smashing Conf

I had a great time at Smashing Conf San Francisco, where my session involved live-coding a design system on stage. It was the first time I’ve ever live-coded on stage before and was terribly nervous about the whole thing. Thankfully, […]

2019-04-26T15:22:30Z


Split

I think this post and The Great Divide are two of the most important reads about the state of frontend web development right now.

2019-04-12T13:27:54Z


Analytics.gov

A site showing how many people on US government websites right now, as well as loads of other data. So cool.

2019-04-12T00:40:27Z


Some Unsolicited Blogging Advice

Some great advice from Dave about blogging. If you have any idea at all, start a draft. 100% yes. I currently have 141 drafts sitting here in WordPress, and have a bunch more in my head that I want to […]

2019-04-11T15:04:56Z


The realities of Deep Work: What happened when designer and author Brad Frost scheduled every minute of his day

The folks over at RescueTime interviewed me about my decision to schedule every minute of my day. I’ve really benefitted from establishing some rigor to my schedule. Here’s what I have to say a few months in: “After playing it […]

2019-04-05T21:30:23Z


Future Ethics with Cennydd Bowles at SustainableUX

I’ve written about Cennydd’s amazing Future Ethics book, and this talk is a great intro to the contents of the book. Highly recommended viewing/reading.

2019-04-03T13:25:33Z


Dev perception

When we’re evaluating technologies for appropriateness, I hope that we will do so through the lens of what’s best for users, not what we feel compelled to use based on a gnawing sense of irrelevancy driven by the perceived popularity […]

2019-04-03T13:03:23Z


CVS Receipt Codepen

This extra-long CVS receipt Codepen makes me incredibly happy since my high school job was working at CVS.

2019-03-31T16:55:43Z


Input Type Sandbox

Cool little utility from Aaron Ladlage that creates solid form patterns using native HTML5 controls and attributes.

2019-03-31T16:47:41Z


Enforcing Accessibility Best Practices with Automatically-Generated IDs

One of the best things about design systems is you can create components that have design, development, accessibility, responsive, performance, etc best practices baked right into them. By taking care of the boring stuff, users of the design system don’t […]

2019-03-29T16:17:54Z


You probably don’t need input type=“number”

Last week I got a call from my bank regarding a wire transfer I had just scheduled. The customer support guy had me repeat everything back to him because there seemed to be a problem with the information. “Hmmmm, everything […]

2019-03-19T01:06:29Z


Best practices: components, styles, and shared libraries

While I still have plenty of doubts of having to maintain a 1:1 static version of a design system, this rundown of how to create a component library in Figma is a great walkthrough if that’s the path you’re going […]

2019-03-10T23:10:24Z


Write on your own website

The single best thing I ever did for my career was start a blog on my own website. — Brad Frost (@brad_frost) January 18, 2019 I’ll share two stories. I was speaking at a conference and after my talk I […]

2019-02-28T14:03:28Z


Page created: Mon, Aug 19, 2019 - 09:05 PM GMT