Like any project that involves UX, design systems must solve people’s pain points, like being able to find the right widget under deadline pressure. Here’s how it works.
Practice practicality in this article I wrote for UXPin
I used to have many files scattered across my desktop, making my immediate files easy to find. Or so I thought. When fighting tight deadlines, I came to realize that finding that one vital file was a slog.
Get organized in this article I wrote for Trello
Yes, but does it scale … responsively? I reviewed web designs to analyze techniques and shortcuts in the wild. We covered workflow, mobile-first design, navigation, technical execution, and typography.
Act now in this ebook I wrote for UXPin
When computers name a color, they use a code that most humans gloss over: 16,777,216 unique combinations of six characters. Designers who get hex colors can treat them as tools rather than mysteries.
Unravel the code in this article I wrote for Smashing Magazine
Lettering is an integral part of making comics, either web or print. But can it be more than words on a page? To find out, I talked to two artists about typography — digital or hand-drawn — in webcomics.
Picture the words in this article I wrote for Grawlix Comix
Based on principles derived from centuries of print design, floats and clears worked well enough — even though they weren’t meant for that purpose. But the future of web layout is bright, thanks to Flexbox.
Get the angle in this article I wrote for Smashing Magazine
The idea of a designer as a hero isn’t meant to boast about their world-saving skills. The best designs go unnoticed, keeping their identities secret. This checklist will help you find your inner hero.
Find your origin story in this article I wrote for UXPin
In 2016 I wrote an “owner’s manual” to UXPin. Over time I also added new chapters as the app evolved. My work included researching, writing, and animating techniques for building interactive prototypes.
Explore the app in this article I wrote for UXPin
When we launched the Grawlix CMS, I also wrote pages upon pages of documentation. From installation too advanced concepts and best practice, these docs help artists get going online — with a little whimsey.
Get informed in this article I wrote for Grawlix Comix
From April to November 2016, I published a series of weekly “pro tip” posts that explored a technique, shortcut, or did-you-know point in UXPin. I wrote, illustrated, and animated a new post every Monday.
Get the latest in this article I wrote for UXPin
The most useful wireframes you can create are interactive. Even simple actions give design teams a head start. This ebook walks through the design process of turning static mockups into active wireframes.
Get down to the wire in this article I wrote for UXPin
As designers, webcomic artists have do more than draw. They must tell readers where they are, show them how to get around, set a tone — and make sure it works well in many browsers and screen sizes.
Put first things first in this article I wrote for Grawlix Comix
Working with files on a remote computer — say, when publishing or redesigning a website — isn’t hard. All you need is a little FTP action. I created this video to show web dev newcomers how it works.
Transfer knowledge in this video I produced Grawlix Comix
Open offices were once billed as a revolutionary step in improving teamwork. Yet over time, people noticed lags in productivity. To learn more I talked to architect Ela Mrozek about designing a workspace.
Listen to comments in this article I wrote for UXPin
While not everyone expects full-page comics to look great on iPhones, it’s hard to ignore the potential readership we could earn if our sites, at least, didn’t require 21” Panasonics. So what do we do about it?
Think variably in this article I wrote for Grawlix Comix
Multistate elements are a great way to switch between “sets” of elements in UXPin. But they don’t have to just appear and disappear. Watch an animated weather app come together in this time-lapse video.
Go for a spin in this video I produced UXPin
Learn how to choose the best interface design pattern for a given problem. But don’t rely on other people; go on to prototype, customize, and create your own pattern library in this easy-to-digest ebook.
Notice a trend in this ebook I contributed to at UXPin
We had a problem: no one understood how to get started in UXPin, the online app. Text didn’t help. Live demos … maybe. But this short overview video that introduces people to UXPin did the trick.
Learn the basics in this video I produced UXPin
Learn how to categorize and classify all UI patterns for smarter UX decisions, and get a quick approach to pattern-finding, in this free ebook to which I contributed.
Get the angle in this ebook I contributed to at UXPin
Complex products rely on more than HTML and CSS. They need strange technologies with exotic names like Git and Grunt. I covered the Terminal basics to explain what commands like “
mkdir dirname” mean.
Take command in this article I wrote for ZURB
Foundation’s grid is based on tried-and-true CSS — specifically, floats and clears. Its codes determine how layouts should change depending screen size. I wrote a beginner’s tutorial to explain it all.
Get the lowdown on layouts in this article I wrote for ZURB
When we started making Grawlix, we asked ourselves, “what makes websites load slowly?” Turns out the worst bandwidth hogs are giant, detailed graphics. In this post I explained ways to think fast.
Learn to slim down the dots in this article I wrote for Grawlix Comix
Web designers use CSS frameworks to focus on design, not code. But when a medium changes, what happens to its tools? I talked to three experts about the issues and challenges facing grids for web design.
Glean insiders’ opinions in this article I wrote for Team Treehouse
Semantic HTML uses markup make HTML more meaningful. But sometimes it’s at odds with CSS frameworks. In this tutorial I explained how designers can create their own semantic grids based on Foundation.
Learn to turn mess into meaning in this article I wrote for ZURB
During an emergency is a bad time to plan for one. Believe me, I found out the hard way. At a time when I needed it most, I experienced a hard drive failure. My Mac was dying, and I wasn’t prepared.
Read the horror story in this article I wrote for Smashing Magazine
clear serve for layout much the same way as the tables they replaced. But they’re still limited. It may require a new way of thinking, but one promising solution is to stay Flexboxible.
Get visions of the future in this article I wrote for Team Treehouse
Which CSS framework is the “best?” No one was sure, so I reviewed 15 responsive frameworks to see how each approached mobile design problems. The answer isn’t always about Foundation and Bootstrap.
Peruse the many options in this article I wrote for Team Treehouse
Responsive web design typically thinks from the top down: design for desktop, then pare back content and resources for mobile devices. But there’s a smarter approach. A smaller approach. A mobile approach.
Start from the inside in this article I wrote for ZURB
It’s hard to remember how much trouble computers once caused people. In the early days, interface designers used visual analogies to help people relate to abstract computer functions. Then realism got old.
Mix the best of two styles in this article I wrote for ZURB
Programmable layout? No thanks! Yet that’s how web design works. Fortunately, it’s not hard for visual designers to grasp. To educate myself and others, I wrote this post on basic layout techniques.
Decipher layout code in this article I wrote for Webdesigner Depot
UXPin: My day job involved writing and illustrating tutorials, creating instructional videos, giving product demos, and working with guest writers as needed.
Grawlix Comix: The official blog for my “second job” calls for a more tongue-in-cheek voice than my usual work. (See more at the old blog too.)
Smashing Magazine: I wrote on a variety of topics for this popular online publication.
Team Treehouse: I wrote freelance articles that focused on responsive web design — particularly layout.
Trello: I write guest posts on productivity for this popular task-management blog.
Webdesigner Depot: For this online publication I wrote freelance articles.
ZURB: Full-time job at which I wrote weekly tutorials and other articles, moderated webinars twice a week, researched industry statistics and copy edited the company blog as needed.