Hello! I’m Ben Gremillion, a writer with a design and development background. See where I’ve written or read samples of my work:
Responsive Web Design Best Practices
This actionable guide reviews 35 responsive design examples to analyze proven responsive design techniques and shortcuts. We cover responsive workflow, mobile-first design, navigation, layout, images, technical execution, typography, and more.
Act now in this e-book I wrote for UXPin
Tactical UI Design Patterns
Learn how to choose the best UI pattern, and how to prototype, customize, and create your own pattern library in this easy-to-digest e-book on everyday design.
Notice a trend in this e-book I contributed to at UXPin
Designing Better UX With UI Patterns
Learn how to categorize and classify all UI patterns for smarter UX decisions, and get a quick approach to pattern-finding, in this free e-book to which I contributed.
Get the angle in this e-book I contributed to at UXPin
Laying Out a Flexible Future
CSS floats and clears define web layout today. Based on principles derived from centuries of print design, they’ve worked well enough — even if, strictly speaking, floats 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
Don’t Fear the Command Line
Complex products rely on more than HTML and CSS. They need strange technologies with exotic names like Git, Grunt, and Bower. Here we unlock mysteries of the Terminal — and get what commands like “
foundation new dirname” actually do.
Take command in this article I wrote for ZURB
Creating a Fly-in Navigation
Arguably the most popular type of mobile navigation is the type that appears on demand: Tap an icon and site-wide links appear. But it’s boring. Great navigation has a hint of animation that gives the links context. Here’s how to prototype a far more interesting nav menu.
Take flight in this article I wrote for UXPin
The Code Side of Color
When computers name a color, they use a so-called hexadecimal code that most humans gloss over: 16,777,216 unique combinations of exactly six characters. Designers who understand how hex colors work can treat them as tools rather than mysteries.
Unravel the code in this article I wrote for Smashing Magazine
Grid Small, Grid Medium, Grid Large
Foundation for Site’s grid is based on tried-and-true CSS — specifically, floats and clears. We developed the grid’s syntax to make layout easier. These instructions spell out how the layout should change depending on the size of the screen on which it’s viewed. Here’s how it works …
Get the lowdown on layouts in this article I wrote for ZURB
The Weight of a Pixel
When we started making Grawlix, we asked ourselves “how can we make it load faster?” Then we turned it around: “what makes it load slower?” Turns out that the biggest bandwidth hogs are giant, detailed graphics. One of your goals as an artist in a digital medium is to balance file size with image quality.
Learn to slim down the dots in this article I wrote for Grawlix Comix
An Expert Discussion on Responsive Grids
Web designers use CSS frameworks to focus more on the former and worry less about the latter, just as grids — a staple of design — provide guidelines for layout. But when a medium changes, what happens to its tools? We 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
Get Real with a Semantic Grid
Semantic HTML uses markup to describe content, making information cleaner and HTML more meaningful. Elements like
<aside> indicate to browsers, screen readers and search engines what content about. Here’s how to create your own semantic grid based on Foundation.
Learn to turn mess into meaning in this article I wrote for ZURB
My Hard Drive Crashed …and What I Learned From It
During an emergency is a bad time to plan for one. It’s the feeling one might get jumping from a plane before checking one’s parachute. That’s one experience I’d rather avoid, but it happened. Not the skydiving part. My OS was dying, and I wasn’t prepared.
Read the horror story in this article I wrote for Smashing Magazine
Responsive Design of the Future with Flexbox
clear serve for layout much the same way as the tables they replaced: As stand-ins that work well enough. But they’re still limited. One proposed solution is called the CSS Flexible Box Layout Module, commonly called the Flexbox.
Get visions of the future in this article I wrote for Team Treehouse
A Look at Responsive CSS Frameworks
Pre-built frameworks get designers up to speed with a limited methodology rather than spending time building an intimate knowledge of CSS positioning. I reviewed 15 responsive CSS frameworks to see how each approached the problem of adapting to mobile.
Peruse the many options in this article I wrote for Team Treehouse
Responsive web design typically takes a top-down approach: Design for desktop, then pare back for mobile devices. Unfortunately the result carries a whiff of “if you were on a real browser … ”
But there’s a smarter approach. A smaller approach.
Start from the inside in this article I wrote for ZURB
It’s hard to remember how much trouble computers once caused people. People needed help learning to integrate computers into their work, and later at home. 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
In a perfect world, designers could arrange the elements of any HTML document without changing what it means.
We’re not in that perfect world yet. But we can control, to an extent, the order in which elements appear in a Foundation row.
Shuffle responsive layouts in this article I wrote for ZURB
When pages are not paper: The designer’s guide to layout code
I remember the frustration of having to program layout when I used to just move some text where I want it. Fortunately, how web layout works is not hard to grasp.
Decipher layout code in this article I wrote for Webdesigner Depot
UXPin: My day job involves writing and illustrating tutorials, creating instructive videos and copy editing articles as needed.
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.
Grawlix Comix: The official blog for my “second job” called for a more tongue-in-cheek voice than my usual work.
Copyright 2016 Ben Gremillion unless otherwise noted.
Find me on Twitter & LinkedIn