Posts Tagged ‘workflow’

  1. 13 Sep, 2017

    Full-Stack Developers

    In my experience consulting with and workshopping with companies of all shapes and sizes, I always ask “who owns the frontend code here?” I help web teams create design systems and collaborate more effectively, so it’s important for me to […]

  2. 22 Nov, 2016

    Frontend Guidelines Exercise

    I’m helping my client’s web development team establish some frontend guidelines as we roll up our sleeves to build a new website from the ground up. We’ve done a projects together in the past, but (naturally) they were on pretty […]

  3. 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 […]

  4. 12 Jan, 2016

    Frontend Guidelines Questions

    The frontend considerations of an organization are many. We’re overwhelmed by tools, processes, workflows, styles, opinions, and ever-changing best practices. In order for frontend teams to create cohesive, consistent work, it’s important for organizations to establish some guidelines for how […]

  5. 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 […]

  6. 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. […]

  7. 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 […]

  8. 22 Mar, 2015

    Email Responses #1: Workflow & Client Education

    Note: I’m going to start posting some of my email responses to people here on my blog. I think a lot of people’s questions are valuable and think they’re worthy of a broader discussion. And I hope the advice I’m […]

  9. 19 Nov, 2014

    Harvard Business Review Pattern-Lab Team workflow

    It’s so wonderful to see teams using Pattern Lab to launch successful projects. In fact, it makes me a little teary-eyed. In this case, the Harvard Business Review team used Pattern Lab to create an interface design system for their […]

  10. 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 […]

  11. 02 Nov, 2014

    PS Atomic Design

    This is great. Diego Andrés Aranda runs through how to accomplish an atomic design workflow in Photoshop. It’s in Spanish, so here’s an English translation. From what I can gather, it’s a matter of stitching together Smart Objects and organizing […]

  12. 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, […]

  13. 13 Oct, 2014

    Job Title: It’s Complicated

    I’ve been talking to an increasing number of people who struggle to answer the question “So what do you do?” These are UX designers who end up tackling a large part of development, developers who find themselves running strategic efforts […]

  14. 11 Oct, 2014

    Working with Atomic Design

    Berit Hlubek created a fantastic deck about atomic design, Pattern Lab, and how to apply it to a real-world project. It’s so great to see other people successfully using atomic design principles to create great work. Very inspiring.

  15. 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 […]

  16. 29 May, 2014

    Using Grunt with Pattern Lab

    Grunt is a powerful Javascript task runner that can make your web design workflow much more efficient by automating a slew of tedious tasks. Pattern Lab is a tool created by Dave Olsen and myself to help you efficiently create […]

  17. 18 Oct, 2013

    Git/Github Resources

    I suck at Git/Github and need to get a lot better. I asked for resources a while back and here’s what people came back to me with: Roundups Learn Git by Kevin Suttle Top 10 Git Tutorials for Beginners Walkthroughs […]