Weston Thayer

Portland, OR Design @ Zapier Joined almost 2 years ago

  • 1 story
  • 61 comments
  • 76 upvotes
  • Posted to Stop designing in Sketch. Design in the Browser., Mar 23, 2017

    When you design in the browser, you're forced to consider things like layout immediately, from the blank page you started with until the last pixel. And there's all those browser/bugs quirks that you have to look up.

    Then there's the question of whether you should create good HTML/CSS from the start. Should you stop and consider whether <section> is appropriate here or just go with <div> soup? What about when you need interactivity that CSS can't handle? Do you hack the JS or pull in a framework...

    My point is that designing the browser introduces a whole new set of design decisions that have to be made, which slows you down and might not be an appropriate use of time, depending on where you are in the design process.

    Design benefits from experimenting with variations. If you've ever had an idea that involved a dramatically different layout, but then shied away because "the code would be hard", it might be time to use a different tool that makes trying different layouts easy (Sketch, Photoshop, etc). Just my 2c

    10 points
  • Posted to Auto-Layout: Introducing Stacks  —  Flexbox for Sketch, Feb 21, 2017

    Cool! Might be worth correcting:

    For the very first time, Sketch app users are able to apply Flexbox technology directly in Sketch.

    From 2015: https://medium.com/facebook-design/exploring-dynamic-layout-in-sketch-fdf0e825d1cf#.ncju0vkbs

    0 points
  • Posted to Ask DN: Who's hiring? (February 2017), Feb 10, 2017

    We're looking for a Design Manager at Zapier.

    Feel free to message me about working remotely or the company (weston.thayer at zapier dot com).

    0 points
  • Posted to Introducing Version Control for Design Systems, Jan 12, 2017

    This is fantastic. I've been comparing brand.ai vs. Invision Craft's Library plugin. This definitely pushes brand.ai past Library for me.

    0 points
  • Posted to DesignGuidelines.co - The way products are built., in reply to Sandor Gyuris , Jan 05, 2017

    Good to hear! What are some of the differences you're hoping to highlight?

    0 points
  • Posted to DesignGuidelines.co - The way products are built., Jan 05, 2017

    Cool site! FYI there's also styleguides.io, which has 176 examples along with relevant articles, books, podcasts, etc. I've used it heavily in the past.

    0 points
  • Posted to Auto Layout Plugin Demo/Tutorial, Dec 30, 2016

    Thanks for the demo! What does this plugin do that Sketch's native layout features don't?

    2 points
  • Posted to Ask DN: Are you using iPad pro + Pencil for designing ?, Dec 28, 2016

    I work remotely, so the iPad + Pencil is basically a digital sketchbook for me. It makes it so much easier to share thoughts with teammates. I've tried a lot of drawing apps, and my two favorite are:

    • Paper by 53 - my main notebook. Has tools to help you draw perfect circles or squares, selection, great undo/redo, and zoom. Only wish it had an infinite canvas and a "resize selection" feature. Doesn't have layers, but I haven't missed them
    • Autodesk SketchBook - has straight edges, selection, resizing selection, layers, great undo/redo, zoom, infinite canvas, and more than I know how to use. Make sure you buy the Pro pack to get these features, otherwise it sucks. Finding the Pro pack is difficult, it's a hidden in-app purchase

    FWIW, the essential "notebook" features seem to be zoom, selection, undo/redo, and straight lines. You can live without everything else.

    I checked out other apps more focused on UI design. Adobe Comp felt way too basic and slow to create high-fidelity comps. Autodesk Graphic is super full featured, you can do pretty much anything. Learning the touch gestures will take a while though.

    In conclusion, the iPad + Pencil is a great sketchbook replacement. But for comps, you can pry the Mac + Sketch/Figma/Framer/Photoshop/Illustrator out of my cold dead hands.

    5 points
  • Posted to Plumber - Easy baseline grids with SASS, in reply to Viktor H. , Dec 24, 2016

    Ahh yes, that would be an excellent API.

    I've been slowly working on a blog post that goes more into depth on how we can use font metrics for better design, and why libs like Plumber are valuable. Would love to have you review sometime. My email is me@westonthayer.com, contact me if you're ever interested :)

    1 point
  • Posted to Plumber - Easy baseline grids with SASS, in reply to Viktor H. , Dec 23, 2016

    Thanks for the reply. I don't think Web Font Loader will tell you what font was loaded, just whether your webfont was loaded or not. So if you miss the webfont, you can only guess at what font is being used. Also, designers going the system font route are out of luck. It doesn't look like you can detect the rendered font with JS either.

    The measure tool will only be off by a pixel or two, probably at extreme sizes. I agree it's good enough. Using the font metrics will get you the best data though.

    Again, great stuff. Have you seen those weird rounding errors for how type is positioned on Chrome for Windows? I found they always round down instead of to the nearest whole number.

    0 points
Load more comments