Content by Ben Gremillion

If you need a design writer, you’ve come to the right place. I’m a writer with a design and development background. See where I’ve written, check out my résumé, or read samples of my work below.

Best Responsive Practices

teaser image

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

Web Colors

teaser image

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

How Does Text Fit Webcomics?

teaser image

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

Flexbox Future

teaser image

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 Official UXPin User Guide

teaser image

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

Document that!

teaser image

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

Weekly app pro tips

teaser image

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 Hands-On Guide to Wireframing

teaser image

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

Uploading via FTP

teaser image

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

Sound Advice for Quiet Offices

teaser image

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

Webcomics Must Stay Flexible

teaser image

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

Time-lampse Weather App

teaser image

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

Tactical UI Design Patterns

teaser image

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

Introducing UXPin

teaser image

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

UI Patterns

teaser image

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

Command Line

teaser image

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

Responsive Grids

teaser image

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

Pixel Weight

teaser image

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

Semantic Grids

teaser image

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

Hard Drive Crash

teaser image

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

How Flexbox Works

teaser image

In CSS, float and 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

CSS Frameworks

teaser image

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

Progressive Enhancement

teaser image

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

Skeuminimalism

teaser image

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

Layout Code

teaser image

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

Sources

UXPin: My day job involves writing and illustrating tutorials, creating instructive videos and copy editing articles as needed.

Grawlix Comix: The official blog for my “second job” called for a more tongue-in-cheek voice than my usual work. (See more at the old blog too.)

Smashing Magazine: I write on a variety of topics for this popular online publication.

Team Treehouse: I wrote freelance articles that focused on responsive web design — particularly layout.

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.

About

Copyright 2016 Ben Gremillion unless otherwise noted. I mean c’mon, credit where it’s due. Find me on Twitter & LinkedIn