adactio / tags / styleguides

Tagged with “styleguides” (7)

  1. UI Breakfast Podcast. Episode 47: Using Pattern Libraries in Web Design with Laura Elizabeth

    Pattern libraries can help you streamline the design process and build a flexible system (instead of static pages). Today we’re exploring this concept with Laura Elizabeth — a fantastic designer, writer, and speaker. You’ll learn how to plan and build a pattern library, how to document it, and how to make your clients fall in love with the result.

    Show Notes

    Double Your Freelancing — the website Laura is now redesigning with pattern libraries

    Design Academy — Laura’s design course for developers

    Style Tiles — another concept for web design process — great collection of website style guides

    Episode 26: Bridging the Gap Between Designers and Developers with Roger Dudler

    — our episode with the founder of Frontify

    Laura’s official website

    Client Portal — Laura’s product that helps keep all client deliverables in one place (use your special promocode uibreakfast to get $100 off)

    Follow Laura on Twitter: @laurium

    —Huffduffed by adactio

  2. Non Breaking Space Show #86: Dave Olsen — Pattern Lab 2 - Goodstuff FM

    In this show, Christopher Schmitt talks with Dave Olsen, programmer/ project manager with West Virginia University, about the recent release of Pattern Lab 2. Pattern Lab helps teams build thoughtful, pattern-driven UIs using atomic design principles.

    —Huffduffed by adactio

  3. Pattern Language: Responsive Style Guides

    Remember when websites were collections of static pages? Those days are long gone. We know we can’t just design fixed web pages anymore—so how can we manage efficient workflows while accounting for the intricate systems and infinite variability that are today’s responsive sites? Style guides to the rescue!

    Sort of. Style guides  gather the bits of reusable code and design patterns underlying a site and turn them into a shared vocabulary for designers, developers, and the people they work with to address an infinite number of real-world scenarios. But there is no “right way” to do style guides—different approaches work best for different teams and skillsets. 

    In this session, we’ll help you make sense of how this new tool can best fit into your workflow by discussing practical strategies for creating and maintaining style guides and pattern libraries, with a particular focus on responsive design:

    Whose responsibility are style guides, and when and how are they built?

    Who are style guides for?

    Should a style guide share a code base with the actual site/app?

    How can we build accessibility and device compatibility into reusable design patterns and components?

    How can designers learn to think in terms of components instead of an overarching design? 

    How can we best promote and maintain design patterns?

    Original video:
    Downloaded by

    —Huffduffed by adactio

  4. Responsive Day Out 3: Alla Kholmatova

    Alla Kholmatova speaking at the third Responsive Day Out in Brighton on June 19th.

    The Responsive Day Out is an affordable, enjoyable gathering of UK designers and developers sharing their workflow strategies, techniques, and experiences with responsive web design.

    —Huffduffed by adactio

  5. 156: With Anna Debenham - ShopTalk

    Anna Debenham is a freelance Front-End Developer based in the UK. She started finding clients when she was 18 and never looked back.

    In this episode, she shared some great advice about how to get started as a web freelancer. We also discussed handing off projects to clients, working with Flexbox, how to present work to clients remotely, how to come up with awesome job titles for yourself, and more.

    We talked about (roughly in order):

    Q & A:

    17:08 I always wanted to be a contractor, I consider myself a cool (not as cool as Anna Debenham) front end, but I cannot step on the contractor world. Since you work that way, what are your steps to get into it?

    22:08 Dave talked about “Tiny bootstraps” for each client. I really like this idea, but am curious what that looks like for you in practice. Do you deliver a folder of sass partials for them to work with, or do you have a minified stylesheet and a style guide with classes that they can use?

    31:53 As I was just about to write a small Flexbox grid system, a coworker (let’s call him Big Time Timmy Jim) showed me this article about how you shouldn’t use Flexbox for major layout things because paint times drop significantly. The author’s answer is to use the grid spec, but that’s pretty far in the future with not much browser support today.What are your thoughts on this?

    41:34 I’ve recently taken the jump to full-time client work and I have a question regarding working remotely. When it comes time to present a concept for a new site how do you prefer to demonstrate it to a client who is hundreds of miles away? I’ve heard of designers using video and web-based prototyping and I’d love to hear what’s worked well for you.

    49:41 Is there a place for someone who is both a designer and a front-end developer? How do you describe to a potential employer that you can in fact do both, and want to do both?

    55:12 I am from France and I do HTML/CSS and a little JS for a web agency. I do not do the ux and the ui design, my mate Clément does it. I never know if I should say “front end developer” (because I don’t do the development of our web-applications) or “front end designer” (because I don’t ux/ui design). What should I call myself?

    —Huffduffed by adactio

  6. The Big Web Show 113: From Britain With Love: Front End Style Guides

    Anna Debenham on Code For America, starting a web career at age 14, checking websites in game console browsers, producing 24 Ways, what comes after winning young developer of the year, and the delights of Spotted Dick and Victoria Sponge.

    Anna is the author of Front-end Style Guides, creator of the Game Console Browsers website for developers, co-producer of 24 Ways, technical editor for A List Apart, and was Netmag’s Young Developer of the Year 2013.

    —Huffduffed by adactio