Intro to Font Metrics February 11, 2019 Font files contain a wealth of information about a typeface. Whether you’re a designer or a developer, learning more about how fonts work can open new doors in how you work and what you create.
How to use VoiceOver in 6 Tips September 21, 2017 VoiceOver is a screen reader that comes bundled free with OSX. Designing for screen readers is essential for a pleasant user experience with low vision users, and also has the added benefit of helping with SEO. But in order to design for screen readers, it helps to understand how they work. Here are 6 quick tips to get you started with VoiceOver and Safari…
Layout Experiments in Adobe Illustrator July 27, 2016 As designers, we need tools that expose us to layout, that let us test and explore layout variations, and most importantly make the best decisions. Today, tools like Antetype, Figma, Adobe XD, and Affinity Designer are leading the way…
A Response to Analysis Paralysis February 12, 2016 The *I’m a web developer and I’ve been stuck with the simplest app for the last 10 days* Medium post gained a lot of attention on HN and /r/programming yesterday. The article is in no way unwarrented or off-base, I can sympathize. However, I want to address the two reoccuring themes from the comments: “Well you should try X framework!” …
Hosting Framer Prototypes on Azure October 23, 2015 While Framer Studio makes it extremely easy to get a sharable link to your prototype, your company might not be too happy to find their work on a public (although obscure) URL. Here’s how you can use Azure to lock things down. Create an Azure Web App. It’s free, but you have to hand over your credit card number…
Framer on Windows with framer-cli October 9, 2015 Framer, the fantastically fast JavaScript prototyping library, is primarily used through Framer Studio, a paid (but well worth it) IDE for OSX. While it’s been possible to use Framer on Windows for quite a while (it is just JavaScript…
My Performance Pitfall April 20, 2015 The landscape of software performance, especially for UI, is complex, mysterious, and poorly understood by many. This is the story of a dark hole that I found myself in. Today, the developer created a list UI component…
A Bootstrap Theme for Doxygen November 27, 2014 At work, I started a C++/Cx repository in Visual Studio Online. I needed an easy way for consumers to read about the public APIs. Doxygen turns out to be the de facto solution for this. It was super easy to…
High Contrast in XAML November 21, 2014 Update: I contributed to the official MSDN documentation. It contains everything in this post and more, so go there instead. High contrast is a source of confusion for many. This is a practical guide that extends the MSDN guidance and sample for developers who would rather not think about it…
Introducing the TextLine October 8, 2014 tldr: UI frameworks should stop putting type in a box because it’s counter to the design intent and doesn’t withstand localization. I’ve created a prototype implementation of the TextLine paradigm in XAML. I’ve been thinking a lot about the elements of good typography lately. Specifically, I’ve thought about aligning type to a grid and how to technically achieve…
A New Home October 5, 2014 Update: Jekyll is out, hand-rolled is in! Jekyll is hard enough to install on Windows that I wrote a quick blogging engine with node.js and gulp. Before now, I’ve tended to write in many different locations. From now on, this will be the one-stop-shop for everything. It’s new! It’s fun! It was created using Jekyll! You can find my previous writings here: …
Case Study: Word on Tablets June 18, 2014 Microsoft Word is historically a WIMP application – the UI was heavily optimized for mouse and keyboard input. As the consumer market moves beyond the desktop we set out to reimagine the Word experience for a variety of devices and inputs. Our goal was to increase overall user engagement on tablets, especially edits to existing documents…