Our Guide To

How to Think Like a Front-End Developer

A collection of articles along this theme.

A Tale of Two Buttons

I enjoy front-end developer thought progression articles like this one by James Nash. Say you have a button which needs to work in “normal” conditions (light backgrounds) and one with reverse-colors for going on dark backgrounds. Do you have a modifier class on the button itself? How about on the container? How can inheritance and […]

What We Don’t Know

There is an awful lot we don’t know about a user visiting our website. For example, almost everything. And we know less and less every day as the web gets bigger and its users more diverse. Let’s accommodate those unknowns.

Getting to Know a Legacy Codebase

Harry Roberts talks about some methods for getting comfy with a new (“specifically CSS”) code base. Harry’s done this a lot as someone who parachutes into new code bases regularly as a consultant. But I think this is also quite interesting for people starting a new job. So much web development work is working on […]

Aspect Ratio Boxes

I had a little situation the other day where I needed to make one of those aspect-ratio friendly boxes. This isn’t particularly new stuff. I think the original credit goes as far back as 2009 and Thierry Koblentz’s Intrinsic Ratios and maintained popularity even for other kinds of content with articles like Uncle Dave’s Ol’ […]

Flexbox Bar Navigation Demo

Someone wrote in to me asking how to create a simple bar navigation with icons. This is a pretty simple layout thing that could be accomplished loads of different ways. List items as inline-block probably makes the most sense in general. But I’ve been enjoying tinkering with flexbox, so I decided to toss it together […]

Many Ways to Learn

Julie Zhuo responds to the classic “What can I do to continue my growth?”: One of the things I believe the most firmly is that everyone has something to teach you if you’re looking for the lessons. And these people don’t have to be other designers at your company! There are many paths to becoming […]

Designers These Days…

… have a good design sense and understand the fundamentals / design principals. … know all the major design software including the entire Adobe Creative Suite. … have some basic video editing skills. … know HTML, CSS, and JavaScript. … know enough about server-side languages (PHP, ASP, Ruby, Python, etc) to understand how they work, […]

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag