http://bradfrost.com
Web Design, Workshops, Consulting, Music, and Art
Updated at: 2018-08-10T13:28:08Z
I’ve had the extreme privilege of collaborating on a bunch of projects with my friend Dan Mall (@danmall) over the last five and a half years. Dan is a designer. I’m a developer. And together, we’ve been refining our process to […]
Yesterday marked Ian‘s 3-year anniversary working with me. I’m 5 and a half years into running my own business, so that means that my brother has been with me on this journey more than I’ve been going it alone. It’s […]
The obvious place designers go when trying to calculate the bottom line is to ask the question, If I change the design, how much more income could we generate? But there’s another way design can help: reducing the costs. A much-overlooked portion of […]
Love how Heydon flips this all on its head.
I’m excited to share an online course called Working With Atomic Design and Pattern Lab for Gymnasium. Here’s what the course covers: This course will teach students the atomic design methodology, setting up Pattern Lab, building & using UI components […]
Here’s a fascinating read about the history of the drinking straw. It’s very much a story of American consumerism.
Itty bitty sites are contained entirely within their own link.
I knew I was opening pandora’s box, but I asked for diet advice on Twitter. I knew people tend to get a bit religious about dieting and are colored by their own experiences. That said, it’s a very difficult terrain […]
Here’s Dan with some smart words about the importance of baking the organization’s specific points of view, principles, and ingredients into their design system. In our work together, we’ve often used “better than Bootstrap” as a rallying cry. Dan explains: […]
Here’s a good rant about the concept of full-stack developers. I tend to agree. In my experience, “full-stack developers” always translates to “programmers who can do frontend code because they have to and it’s ‘easy’.” Although I think the concept of […]
All the best things about Visual Studio Code that nobody ever bothered to tell you There’s some good stuff in here that I’ll be trying out. I switched to VSCode a while ago and it’s been quite enjoyable.
This post lays out a lot of the first steps of creating a design system in short order. I enjoy how the author reflected on some of the initial tool and process churn as the team found their bearings. This […]
Unfortunate name (confusion with Sketch seems inevitable), but this seems like a cool concept. I like the idea of a nimble “Markdown-like notation” that helps teams play out a lot of different scenarios and states without having to create a […]
After putting my daughter to bed last weekend, I crept downstairs to finally hang pegboard and organize the jumble of tools scattered around my basement. And wow, what a therapeutic, enjoyable experience that was! As I was performing this strangely […]
This is a fantastic article by Keith J. Grant that breaks down CSS’s unique qualities that makes it powerful, but also perhaps a bit confusing to people coming at it from a programmatic background. It’s a great reminder as to […]
Here’s the great Paul Ford with a great breakdown of what git and Github actually are. Much like his epic What Is Code? article, he’s able to translate the world of geeky programming stuff into something that’s palatable and entertaining […]
Here’s Chris with a wonderful walkthrough of how his frontend developer brain looks at a design comp. It’s extremely insightful When confronted with a design comp, My brain tends to gravitate towards some of the non-obvious implementation solutions. In other […]
Here’s Heydon Pickering with a metric ton of great advice about creating accessible, flexible, robust card components.
We’re happy to announce Style Guide Guide, Gatsby Edition! You can check out the demo here. The workshop and the storefront There are lots of moving parts, tools, and environments involved in making a design systems take shape. We’ve found […]
A while back, Harry Roberts introduced the concept of shame.css: a stylesheet dedicated to housing your nasty, hacky, quick-fix CSS The idea is to isolate all the stuff that doesn’t belong in your beautiful, well-architected CSS architecture, in order to […]
This response to the question “Vue.js or React” is interesting and thoughtful.
Holy shit I think I need to add this to my contact page. When I redesigned my site, I redesigned the contact page to make the user do a bit of work to get my contact info. It sounds counter-intuitive, […]
Dan Abramov talks about a convention for structuring React components, which resonates with me very much. I talked about how I tend to be frustrated with a lot of the React demos, projects, and boilerplates I come across: In a […]
Hi, I’m a web designer. I make websites for a living. I try to keep up with how things are getting done in the industry in order to continue to make websites. That means I learn new things. I’m fortunate […]
Here’s Tyler Sticka with a great article about how important it is for a UI design system to continue to evolve and improve over time. You can’t just get things built and then say, “That’s it! Things must stay this […]
Related to Sarah’s post about migrating from jQuery to Vue, there was a great post a while ago about migrating from jQuery to React.
I absolutely love this article by Sarah Drasner about replacing jQuery with Vue.js. We need more articles like this. “Here’s how to replace the once-new hotness with the new hotness.” I’ve been neck-deep in React-land for a while, and I’m trying […]
In my post about struggling to learn React, I talk about how I’ve been frustrated by a lot of examples, tutorials, and projects where presentation code and business logic are all kludged together. I’d love to see projects that feature […]
Absolutely fascinating read about the fate of Google’s project to archive the world’s books. It’s a story of ambition and legal jujitsu.
Regardless of how perfectly formed and well-written your code, sometimes things break through no fault of your own, even in modern browsers. If you’re not actively testing your site, bugs are more likely to reach your users, unbeknownst to you. […]