Frontend Masters Blog – Page 53 – Helping Your Journey to Senior Developer

CC

Speaking of Jake, his recent article HTML attributes vs DOM properties is a good one for all y’all on that journey to senior developer. I could imagine asking this in an interview. I’d say you should straight up know this is the case and learn over time the more nuanced stuff like which properties reflect into attributes and such.

CC

Jake Archibald, by way of being convinced by Léonie Watson, says that the alt text of an of <img src="..." alt="..." width="..." height="..."> should evoke emotion:

The relevant parts of an image aren’t limited to the cold hard facts. Images can make you feel a particular way, and that’s something that should be made available to a screen reader user.

If necessary, that is. Some images just aren’t particularly emotional, like a screenshot of a banking dashboard. I think what Scott Vandehey says is a more broadly useful way to think about it:

Write alternative text as if you’re describing the image to a friend.

That’s helpful to me. Scott’s article has a bunch more practical advice and links about this topic from the community. Also good to remember: alt text shows when images are broken and different browsers handle that differently depending on how much of it there is.

CC

I wrote in my masonry proposal feedback:

Are there any more fleshed out alternative proposals?

I thought Jen presented strongly that CSS grid is a great place to put masonry layout, but also that it wasn’t arguing against anything else. Rachel Andrew has that “anything else”, which is display: masonry; with more explanation. What’s nice is that it’s not limiting:

All of the demos in the WebKit post would still be possible.

I assume we’d lose subgrid… (e.g. sharing columns on an element that spans multiple columns) but if it’s the case and otherwise we can do every other thing Jen laid out… then as much as it’s fun to watch two of the biggest companies in the world blogfight, I kinda don’t care which way it goes.

CC

Nikita Prokopov with a pretty humorous article about centering things in web design.

This is my claim: we, as a civilization, forgot how to center things.

Centering things is almost trivial in CSS at this point. There are different approaches, because there are different situations. The knowledge to do so is pretty easy to find.

So something is clearly getting lost between know-how and applying that knowledge.

Clearly, as Nikita showcases many dozen examples of getting it wrong. Plus a fair point: sometimes weird font metrics are the culprit. The leading-trim property is going to be yet another excuse-buster.

Featured

Virtual Scroll-Driven 3D Scenes

Popular

Latest Articles

Writing a TodoMVC App with Modern Vanilla JavaScript

The Beat

Featured

Virtual Scroll-Driven 3D Scenes

Popular

Latest Articles

Writing a TodoMVC App with Modern Vanilla JavaScript

The Beat

HTML attributes vs DOM properties

On Alt

An alternative proposal for CSS masonry

Centering Things

Subscribe

Wanna write?