Posts Tagged ‘process’

  1. 07 Dec, 2017

    Everything You Ever Wanted To Know About Prototyping (But Were Afraid To Ask)

    I have the extreme privilege of working with Jamie on client projects, and I absolutely love his approach to development. Rather than deliberating over lengthy conversations about what can and can’t be done, Jamie dives in, plays, and prototypes. As […]

  2. 14 Nov, 2017

    Self-Publishing a Book for Fun and Profit

    I wrote and self-published a book called Atomic Design, and I’m really pleased with how the whole thing turned out. I want to share my experience largely because I think the process has a lot to offer other authors who […]

  3. 15 Oct, 2017

    Rebuilding slack.com

    There are some fantastic insights contained in Mina Markham’s post about their rebuilding Slack.com. I especially loved her describing some of the thorny aspects of enhancing to CSS Grid layout, as well as seeing a before-and-after histogram of CSS specificity. […]

  4. 17 Aug, 2017

    Things you could be doing instead of designing & building that card component for the umpteenth time

    Making that card pattern more accessible Making that card pattern more responsive Making that card pattern more performant Making that card pattern more agnostic so it can handle different content patterns Making that card pattern more resilient to extreme content […]

  5. 23 Jul, 2017

    2 Frontend Designers. 12 Days. 1 Website. How We Did It

    Ian wrote about our experience launching a site for Brian Forde’s congressional campaign. One of the reasons we took the project on was that I thought it would be good for Ian to get a dose of how fast-paced the […]

  6. 21 Jul, 2017

    Launching a Campaign Website…Quickly

    I had the opportunity to make a website for Brian Forde, who is running for Congress in Orange County, California. Brian got in touch after reading my Designing an Effective Donation Form blog post, and wanted to bring that thinking to […]

  7. 21 Jun, 2017

    4 Things I Know About Pattern Libraries

    Dave shared some battle-earned insights about working in a pattern-driven manner and creating pattern libraries. I love his thoughts on the topic, and since I’ve seen this play out in my own work I thought I’d share my own thoughts […]

  8. 13 Mar, 2017

    Abstract: The Art of Design

    PSA: this series on Netflix is really good. Each episode highlights a designer in a particular field (illustration, architecture, set design, etc). The subject talks about their work, their process, and their journey, and the whole thing is incredibly well produced. I […]

  9. 30 Aug, 2016

    Shoptalk Episode 231: Book Writing Panel

    I had the great opportunity to chat with Chris, Dave, Val, Simon, and Richard about what goes into writing a book. It was fun to hear some the other authors all talk through the same challenges I’ve had (like competing with […]

  10. 28 Apr, 2016

    Copy Editing Atomic Design

    I’m in the process of wrapping up the manuscript of Atomic Design, and it’s time to begin the copy editing process. Up until this point this book project has been a solo endeavor. Writing this book in the open has been fantastic so […]

  11. 17 Feb, 2016

    Frontend Design

    Somewhere between design – a world of personas, pixels, and polish – and engineering – a world of logic, loops, and linux  – lies frontend design. Frontend design involves creating the HTML, CSS, and presentational JavaScript code that makes up a user […]

  12. 04 Jan, 2016

    Content and Display Patterns

    Dan Mall posted an absolutely epic article that encapsulates a lot of the pattern-based concepts the community has been advancing for the last few years. I highly recommend reading it in its entirety. Here are some key highlights I took away […]

  13. 17 Jul, 2015

    Style Guide First?

    On a recent episode of Shop Talk Show, Chris Coyier and Dave Rupert fielded a question regarding style guides and where they fit into the design/development process. Here was the question: I’m working on a redesign for an old website. […]

  14. 25 Jun, 2015

    Sketch, Iterate, Repeat: Prototyping Your Website Design

    Andrew Smyk (@andrewsmyk) discusses how he iterates on his web designs. There’s a strong focus on getting ideas out of his head and onto paper as quickly as possible, which is excellent. I enjoy how he cuts up his sketches to play with […]

  15. 11 May, 2015

    Conducting an Interface Inventory

    Conducting an interface inventory is a critical first step for establishing an effective interface design system. I’ve written about what interface inventories are and why they’re important, so here’s a recap of what they are: An interface inventory is similar to a content […]

  16. 13 Nov, 2014

    The Death of Lorem Ipsum & Pixel Perfect Content

    Dave Olsen (@dmolsen) nails it. In his talk at Confab EDU, Dave addresses the frustrations of our web design and development process, and how a pattern-driven workflow can help. Dave describes the many benefits of pattern-driven workflow: Patterns encourage communication […]

  17. 10 Nov, 2014

    Frost Finery

    My amazing wife Melissa (@minifrost) has launched a new jewelry studio called Frost Finery. For the last few months she’s been hard at work sawing, soldering, laser cutting, water jetting, buffing, stone setting, welding, centrifuging, hammering, and filing. The result […]

  18. 16 Oct, 2014

    Primed and Ready to Go

    It’s absolutely essential to treat front-end development as part of the design process. However, the (foolish, artificial) line between design and development “phases” gets in the way of true collaboration between disciplines. This often isn’t due to any malicious intent, […]

  19. 02 Oct, 2014

    Design Open

    Garth Braithwaite discusses the change of the project he’s spearheading from Open Source Design to the new name Design Open. I couldn’t be happier. While open source projects are fantastic, not everyone is in a position to slap an open […]

  20. 26 Jun, 2014

    Designing with Dynamic Content

    A lot of visual designers I’ve worked with have convinced themselves every user’s name is “Sara” without an “h”. For most of my career I’ve had to battle designers creating incredibly unrealistic best-case scenario mock-ups. You know what I’m talking […]

  21. 19 May, 2014

    HTML Wireframes

    For the first few years of my career, I didn’t know that wireframes existed. It wasn’t until I started working at a larger agency that I first encountered a strange new black-and-white InDesign world, where multiple rounds of 100+ page […]

  22. 21 Mar, 2014

    Cognition Roundtable: A Development-focused Project Process

    The fine folks at Happy Cog have a nice discussion about Post-PSD, pattern-driven process. And it’s super great to hear that the work we’ve been doing with Pattern Lab has been inspirational for them. …the kind of stuff that Brad […]

  23. 18 Nov, 2013

    Scope Components, Not Pages

    Recently, the always-brilliant Scott Jehl wrote a post titled Grade components, not browsers. In his post, Scott explains that grading browser support is an ineffective way of determining what experience a particular device/browser should get. Instead, the Filament Group grades […]

  24. 18 Nov, 2013

    Techcrunch

    Earlier this year I had the amazing opportunity to create a responsive site for TechCrunch. I got shot out of a cannon at the beginning of 2013. I had been contemplating going out on my own for a while, so […]

  25. 17 Oct, 2013

    The Bitchcast Podcast

    I had a great time talking to Stacey Mulcahy on her awesomely-named podcast. We talked about the design process, designing in the open, death to bullshit, and a whole lot more. Check it out!

  26. 14 Oct, 2013

    Entertainment Weekly

    Earlier this year I had the tremendous opportunity to create a responsive mobile site for Entertainment Weekly. I was privileged to work with some ridiculously talented people on this project: Josh Clark was our fearless leader. He assembled the team, […]

  27. 07 Oct, 2013

    Talking Design Process on Unfinished Business

    I had a blast talking with Andy Clarke about the modern Web design process on the Unfinished Business podcast. Andy’s been talking about moving the Web design process forward for years now, and so I had a great time talking […]

  28. 07 Oct, 2013

    Development Is Design

    I recently received this email from a startup: We’re a startup in San Francisco looking to launch a 5-page website this October. We would deliver all wireframes, web content, and design PSDs. We just need a front-end pro to develop […]

  29. 03 Oct, 2013

    Establishing Design Direction

    Design is hard. Aesthetics are subjective, and all the people involved in a design project all have unique perspectives that result in strong opinions about what content and functionality should be prioritized. As part of our open redesign of the […]

  30. 24 Sep, 2013

    Pittsburgh Food Bank Open Redesign

    So Melissa wrote some thoughts about designing in the open, overcoming a designer’s fear of putting all work, warts and all, out in the open. She also talks about the GPCFB’s goals for the projects.