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

Latest Articles

Getting into Game Development and the Gaming Industry

By Nick Pettit on Nov 08, 2022

How Game Engines Like Unity Help You Get Into Game Development If you like to play video games or are in the orbit of technical jargon, you’ve probably heard about game engines like Unity and Unreal. These industry leaders power a massive chunk of the modern gaming industry. At their core, game engines are software […]

CSS Selectors Specificity

Tackling CSS Specificity

By Emma Bostian on Sep 15, 2022

How often have you been frustrated because you’ve just joined a new project and can’t figure out why your styles aren’t being applied properly? Or maybe you’ve just integrated a new library, and suddenly all of your styles are being overridden. You could slap an !important declaration onto your styles and call it a day, but that […]

JavaScript MVC TODO Vanilla

Writing a TodoMVC App with Modern Vanilla JavaScript

By Marc Grabanski on Sep 08, 2022

I took a shot at coding TodoMVC with modern (ES6+), vanilla JavaScript, and it only took ~170 lines of code and just over an hour! Compare this to the old/official TodoMVC vanilla JS solution, which has over 900 lines of code. An 80%+ reduction in code! I ❤️ the new state of JavaScript. The code has received […]

The Beat

Icônes is an amazing icon resource site. There are tens of thousands of free-to-use icons which are easy to browse and find. I guess it’s like an alternate UI to Iconify, making it ultra-fast to get the icon in a format you want it in, like a quick download of SVG or PNG, copying to your clipboard in one of those formats, or as a basic component in many of the most popular frameworks.

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.

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.

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.

Featured

Simulating Crop Marks

Popular

Latest Articles

Getting into Game Development and the Gaming Industry

Tackling CSS Specificity

Writing a TodoMVC App with Modern Vanilla JavaScript

The Beat

Featured

Simulating Crop Marks

Popular

Latest Articles

Getting into Game Development and the Gaming Industry

Tackling CSS Specificity

Writing a TodoMVC App with Modern Vanilla JavaScript

The Beat

Icônes

HTML attributes vs DOM properties

On Alt

An alternative proposal for CSS masonry

Subscribe

Wanna write?