Tatiana Mac is an American engineer who builds inclusive, accessible, and ethical products with thoughtful practices.

An designer engineer who codes.
A writer who reads.
A speaker who listens.

Floating hands Two hands forming a circle with a triangle in between.

Selected Writings

Bah-hum-blog.

Spilled glasses Green puddle with several goblets

More formats means more learners

Unfortunately, so many of our tutorials (and media in general) only comes in one form. When our teachings are only provided in one media, in one language, in one *form*, it is inherently inaccessible to some subset of our students.

Let me learn: Provide tutorials in more formats

tutorials performance accessibility

Animations should be an enhancement, not critical to a user's understanding

Use the prefers-reduced-motion media query to help guide your animation principles

prefers-reduced-motion: Taking a no-motion-first approach to animations

tutorials animation accessibility

The Good-Bad Lie

We're quick to judge everyone by our own moral compass. Our north star is just that: ours.

On morality, hero worship, and why judgment isn't helpful

the-work

On Empathy

Empathy gets thrown around a lot as the solution to the world's problems. I think we need to examine what empathy really is.

Compassionate action over empathy

the-work

How to make meaningful change

Activism is not a sprint to a finish; there is no finish, but rather a life-long marathon commitment to showing up every single day. Like running, it requires training and a strategy

Beware of Burnout: Sustainable strategies for activism

the-work

Part II: Installation and Structure

In the second instalment of a four part guide, I show you how to install Eleventy—except I walk through each gruelling step.

Beginner's Guide to Eleventy [Part II]

tutorials Eleventy

How to make meaningful change

Black folks are protesting for their survival, and you're a white dude who isn't sure how to help. What now? I've written you a guide.

White Guyde To The Galaxy

the-work

How to make meaningful change

Black folks are protesting for their survival, and you're a white woman who isn't sure how to help. What now? I've written you a guide.

Save the Tears: White Woman's Guide

the-work

Part I: What is a static site generator?

Static site generators (SSGs) are critical to modern tooling. When used thoughtfully, SSGs can facilitate sites that need something in the middle—in the vast expanse between static, hand-coded sites and dynamic behemoths. In a multi-part guide, I'll show you how to use Eleventy.

Beginner's Guide to Eleventy [Part I]

tutorials Eleventy

Our industry infatuation with abbreviations, acronyms, and initialisms might make us lose clarity.

#a11y: Accessible or ironic?

During this time, many of us are thinking of the lockdown as a pause from reality. But what happens to the lives we lead between when reality can reconnect with itself?

In digital suspension

As stewards of performance and accessibility, at the cusp of privilege, we must be the ones to have the conversations tactfully and thoughtfully.

Hubris isn't helpful

Here are 10 reasons why I'd like to see more beginners teach; for yourself, for your future students, for your peers, and for our industry as a whole.

Why beginners should teach