I think it’s valuable to collect my thoughts as sort of a personal brain log, so as each work week progresses I’ll collect notes and publish them at the end of the week. This is the first installment of that series.
- Jeremy Keith and I are starting a crime-fighting duo, per this picture by Juliana Schütz taken at Beyond Tellerrand.
- New blog post: The Co-opetition of Team Web
- Google Fonts not only added
font-displaysupport but are encouraging usage by including
display=swapin the default code you can copy and paste on their site. Updated my blog post at Google Fonts is Adding
font-displayto reflect this. (via Houssein Djirdeh)
- New blog post:
font-displayis Incompatible with Icon Fonts
- Added a new GitHub ❤️ Sponsor button to the top of the Eleventy repo. It simply links to our Open Collective page.
- Eleventy’s mascot, Edison the Static-Generating Possum, turns one year old this week! (via Kenneth Luplau-Brøgger)
- Awesome Eleventy launches:
The bar indicating you’re viewing an @AMPhtml page—and the only visible cue you’re not on the original, real page—seems to be getting progressively smaller, and harder to use.—Ethan Marcotte
The AMP toolbar is shrinking, further damaging the integrity of the URL.
“I only really feel burnout from lack of alignment with goals. So if I work on a project of my own, I recharge because my values are honored.”—Sarah Drasner
Wow—I’ve never seen burnout framed like this but it reverberated through my bones.
Chromium Edge and FOIT
With Edge’s move to a new Chromium-based build, Microsoft’s long defense of FOUT (visible fallback text for web fonts) as a default behavior is changing.
Per sources (the lovely Greg Whitworth), this default may change back if feedback dictates. But we’re gaining something in this trade, too. When the default changes, support for the
font-display descriptor comes with it which will allow us to customize this behavior in Edge as needed.
I’ll wait to update A Historical Look at FOUT and FOIT after a stable version of Chromium Edge is released.
I was on JS Party last week to talk about web font loading and Eleventy! I was really excited to do this because it was the first legitimate time I got to talk about Eleventy in a public forum 😎. Also it felt really comfortable talking to NEJS CONF co-organizer Nick Nisi and former speaker Divya Sasidharan. Look for the episode to be published soon!
Top 3 Blog Posts
- Andrew Betts has another very important post on AMP: Cake or Death: AMP and the Worrying Power Dynamics of the Web. Make sure you stick around for the footnote.
“The web is open and decentralised. We spend a lot of time valuing the first of these concepts, but almost none trying to defend the second.”
- I absolutely devoured every word of this post from one of the maintainers of Babel, Henry Zhu: (Open) source of anxiety. Not that Eleventy has seen any measure of popularity on a Babel scale (and honestly, I hope it never does), maintenance of maintainers is an important thing to discuss.
- Self-Host Your Static Assets by Harry Roberts. This discussion comes up every few years (luv u Google Fonts) and I think Harry nails it down here: if you want speed, self host.
If it isn’t the email clients that will burn you, it’s the tooling around them. The micromanagement of testing tools: Litmus, pain; Email on Acid, pain. Everything is pain.
To be frank I’m not a big talk-video watcher (I consider this a failing, not a strength) but here are the two from this week that I’m really looking forward to consuming:
- The economics of open source by C J Silverio at JSConf EU 2019. C J is the former CTO of npm and shared a stage at the same conference on the same day with the person at npm that fired them. Courageous. Related Twitter search: #npmlayoffs
- The World-Wide Work by Ethan Marcotte at New Adventures 2019. By all accounts this may be the most important talk of the year. Certainly not going to miss this one.
Addendum, in Passing 💨
Monday June 10
core-jsdecided to console log a message on postinstall to ask for project donations and spurred a big discussion on best practices for open source sustainability. I empathize with what they’re trying to do but I think the execution was a bit off—I’ve seen this message in my console so many times that it’s feeling a bit like spam.
- Ryan Frazier is using Eleventy to render sheet music! WHAT.
- The JS Party episode that I was on was published.
- I wrote a post about Facepile image performance and lazy loading webmention avatar images.
Tuesday June 11
- I switched my site to use
zopflicompression. I’d take a wild guess that it’s about 10% better? Here’s how I did it.
- Update: Remy Sharp removed Disqus from his site and blogged about it in Ejecting Disqus. He replaced it with Commento.
Wednesday June 12
- I found an XSS problem in my webmentions. I needed to adjust my use of sanitize-html in my build to make sure that it was escaping all of the webmention output. Max Boeck updated his
eleventy-webmentionsproject with this fix as well. (via Twitter)
Thursday June 13
- I did a Smashing TV Webinar. It was an updated version (a minor release) of a talk that I gave at Performance.now() last year. I published the new, updated slides. The video is free to Smashing members!
- We (Filament Group) launched a redesign of our web site! Scott Jehl has more about it on Twitter. (Still using Eleventy 😎)
- Phil Hawksworth did a big update to his very popular Eleventy starter project, EleventyOne. It’s great! (via Twitter)
Friday June 14
- I noticed that the much renowned photographer Norman Posselt published an Instagram sneak preview of the portrait he took of me directly after my talk at Beyond Tellerrand!
- New awesome Eleventy site: Every Layout: Relearn CSS Layout from Heydon Pickering and Andy Bell.
- Another new awesome Eleventy site: ffconf.org, a very popular long-running conference series organized by Left Logic. Thanks Remy Sharp!
This note is a work in progress and will change as the week progresses… This notice will be removed when the week has completed.
Every character page for GlyphHanger: https://nicolas-hoizey.com/tools/every-char.html
Really wish Save-Data was a media query so I could use it in
Things that confused me
HMR means Hot Module Replacement. This initialism was used a bunch of times on the Parcel documentation.
https://help.github.com/en/articles/working-with-saved-replies with Eleventy instead of Typinator macros