Subscribe via RSS

Sunday, May 5th, 2019

#shotoniphone #nofilter

font-weight: 1000

Today I had to add a new font face to a website, it was called “fat” and was even bolder than “black”. The common font-weight for black is 900, so I went above that and chose font-weight: 1000 for the fat font face but that brought me into trouble with the font not loading in Safari. So I started reading up on the topic, because before I never used such a high value or thought much about it.

The MDN web docs say about font-weight values:

A value between 1 and 1000, inclusive. Higher numbers represent weights that are bolder than (or as bold as) lower numbers. Certain commonly used values correspond to common weight names, as described in the Common weight name mapping section below.

but then it continues:

In earlier versions of the font-weight specification, the property accepts only keyword values and the numeric values 100, 200, 300, 400, 500, 600, 700, 800, and 900. CSS Fonts Level 4 extends the syntax to accept any number between 1 and 1000. This enables variable fonts to provide a much finer-grained range of font weights. Note that this is not yet supported by all browsers.

The CSS Fonts Level 4 are only a W3C Working Draft at this point. It got updated last on September 20th 2018. font-weight values over 900 or generally values other than 100, 200, 300, 400, 500, 600, 700, 800, 900 are not allowed/working. CSS Fonts Level 4 will update that so you can use any number between 1 and 1000, including 1000, mostly because of variable fonts. But Chrome and Firefox seem to accept different values like 980 or even 1000 already for normal fonts just fine, but not Safari.

What got me confused today was only that the MDN web docs flip flop between what values are allowed. I think the page should only list the CSS Fonts Module Level 3 values in the general sections.

Don’t get me wrong, I love the docs and use them all the time, I just wanted to share my journey from today. And I should probably find out how to propose and update for the font-weight page.

Update

Okay, so you can just connect your Github account to MDN and edited pages. I just published an update to the font-weight page according to my research. I also requested for technical review. Let’s see how this goes. How exciting!

ShopTalkShow 356: Blocks and Browsers

Dave Rupert:

I have a giant tin foil hat over here, it’s just the biggest tin foil hat, it’s a samurai helmet made out of tin foil.

I burst out in laughter hearing this. 🤣
Besides that funny moment it’s also a very good and important episode about browser diversity and the future of the web.

Are nested grids like nested tables?

Rachel Andrew:

It is not. This is why.

And then an easy and quick explanation follows.
Oh I’m looking forward to subgrids so so so much!

Walchensee

In January 2018 I visted my good friend Jens in Bavaria. On the 20th we drove out to Walchensee to photograph the sunrise. Here are some photos from this cold, but beautiful morning.

My Code Editor Journey

MS Frontpage ➡️ Dreamweaver ➡️ Coda ➡️ Sublime Text ➡️ Atom ➡️ Vim ➡️ VS Code ➡️ Vim ➡️ VS Code

Here are the journeys of some other people: Bastian Allgeier, Philipp Kühn, Andy Bell, Harry Roberts

Sick of Slack

Trys Mudford:

I’m sick of the always-on mentality it promotes.
I’m sick of the expectation that a), it’ll always be open, and b), you’ll respond immediately.

Slack or real time multi people chat in general is a tricky thing. As a remote worker I heavily rely on it and it is super helpful in the day to day business but at the same time I feel the same about most of the points Trys is making, too. As so often in life, it’s about finding the right tradeoffs and using the tool in moderation, I think. But I know for sure that’s easier said than done.

Vegetarian for a month

On March 31st I decided that I’ll be a vegetarian for the month of April. I tried eating vegan for a month a few years back and it was a really interesting experiment, but I also was very happy when the time was over. I have a lot of respect for people who do it though. Recently I saw a talk about how living a vegan life can have an incredibly positive impact on climate change. But even abstaining from eating meat and fish should have a really good effect, I guess. I’m already not eating a lot of red meat, but I do like chicken and other poultry and generally enjoy a good german “Brotzeit”. But that said, I can definitely see myself living a (99%) vegetarian lifestyle. Besides that I’m trying to lose weight and I thought eating more vegetables should be a good idea.

Anyhow, the first week went really good so far. To my surprise I actually ate a bunch of vegan meals because often the step from vegetarian to vegan is only leaving out the cheese. I love cheese, but I made a bunch of vegetables and instead of adding some feta cheese as an extra, I added tofu, for example.

This sunday morning I missed my salmon, but after the first short sigh it was more than fine. I’m curious to see how the next few weeks go. The weather is good and that means it’s time for some barbecue soon. Which also means vegetarian barbecue. I have no idea how I’ll like that one, but I’m sure it will be fine. If you have any good vegetarian recipes, hit me up on Twitter or send me a mail.

🥦

SVGOMG

SVGOMG is SVGO’s Missing GUI, aiming to expose the majority, if not all the configuration options of SVGO.

I use SVGOMG probably a couple times each week and I am incredibly thankful for Jake Archibalds work. 🙏

The Great Divide

Chris Coyier:

Two front-end developers are sitting at a bar. They have nothing to talk about.

I think this is a very good article and an important topic to talk about. I myself am definitely falling on the HTML/CSS/Design/A11Y side of things and sometimes have found it difficult to explain potential clients what I do and don’t do. I’ve thought about cooking up a new job title for myself, maybe something along the lines of “Web UI Developer”.

But I think putting all that superficial stuff aside, it’s especially important that either side of that “divide” knows and understands, that both sides are important and either job requires a lot of knowledge and experience. It’s important that we don’t develop a two-class society.