Be nice. Or else.
Portland, OR Design @ Zapier Joined almost 2 years ago
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
Cool! Might be worth correcting:
For the very first time, Sketch app users are able to apply Flexbox technology directly in Sketch.
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).
This is fantastic. I've been comparing brand.ai vs. Invision Craft's Library plugin. This definitely pushes brand.ai past Library for me.
Good to hear! What are some of the differences you're hoping to highlight?
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.
Thanks for the demo! What does this plugin do that Sketch's native layout features don't?
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:
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.
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 email@example.com, contact me if you're ever interested :)
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.