http://bradfrost.com
Web Design, Workshops, Consulting, Music, and Art
2019-07-23T00:39:11Z
http://feeds.feedburner.com/brad-frosts-blog
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 […]
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, […]
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 […]
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 […]
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 […]
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 […]
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 […]
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
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.
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 […]
Super fun little thing that teaches you the basic vocabulary of synthesizers (and sound in general). Learning Synths
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. […]
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 […]
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 […]
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.
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 […]
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 […]
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, […]
I think this post and The Great Divide are two of the most important reads about the state of frontend web development right now.
A site showing how many people on US government websites right now, as well as loads of other data. So cool.
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 […]
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 […]
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.
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 […]
This extra-long CVS receipt Codepen makes me incredibly happy since my high school job was working at CVS.
Cool little utility from Aaron Ladlage that creates solid form patterns using native HTML5 controls and attributes.
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 […]
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 […]
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 […]
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 […]
Page created: Mon, Aug 19, 2019 - 09:05 PM GMT