Whenever the topic of accessibility, specifically screen readers, comes up, I always hear, “Just write the markup in a semantic way and it’ll be fine.” Why do we say that? Because the whole field of accessibility stuff is so broad and dense that we want to write it off. Is it true though? Can just semantic markup cover it? I care, but I can’t change my title to Accessibility Wizard and spend hours and hours casting spells and reading obscure tomes to figure out how to make my sites perfectly accessible.

So my question is, what can we do, besides…

and what they mean on the web

As a typography newbie, I’m often struggling to translate the lessons long ago learned about type design in print to my own field, web design. This is my attempt to share what I’ve figured out so far.

All these guidelines come from the excellent book: The Elements of Typographic Style by Robert Bringhurst.

Choose a basic leading that suits the typeface, text and measure

This is talking about the space between the lines of the text that we layout. By increasing or decreasing the ‘leading’, we can give the text more room to breathe, or take that room away. As…

For those unaware, Github.com offers the ability the host a site based on a repo. You can create a gh-pages branch on your repo that will get transformed via Jekyll and served, free of charge.

I got pretty excited about it when I found out, since I was having issues getting my personal site up and running with a regular hosting company. I also hate paying for things.

Since I wanted to use SASS for my site, this presented a bit of a problem with building the site. …

I’m a front-end developer. Why should I want to devote time and energy to the study of typography? Well, to best answer that question, you need to have an understanding of what typography is.

Typography is the stylistic component to the written word. In our modern use of it (on the web) it’s tied to the css or sass rules that we apply to style our content.

In this first post, I’ll outline some of the terms used in typography and explain what they mean. This will enable us to talk about typography in a clear and understandable way.

and then doing them in Susy

I had a hard time figuring out how to setup a responsive layout with breakpoints using Susy, so I figured I’d share what I’ve figured out so far.

When we want to make a mobile-first, responsive layout, we need to be able to react to the width of the screen getting too big for our default layout.

The best practice currently is to come up with a certain width that your layout seems to break, and to set a break point there.

A break point is the point at which the width of the user’s screen will cause your layout…

Rob Copeland

Front End Web Developer — Detroit, Michigan

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store