I never thought having my photos on #Unsplash would make some be used for Excel tips… 🤣
Here's the original: https://unsplash.com/photos/eDsVCQNOZSM
I never thought having my photos on #Unsplash would make some be used for Excel tips… 🤣
Here's the original: https://unsplash.com/photos/eDsVCQNOZSM
20 years ago today, I registered my already popular open source project phpMyChat on SourceForge! 🎂
The project has been maintained by @ciprianmp alone for 15 years now, and it is still very alive! 👍
The unreasonable effectiveness of simple HTML
Are you developing public services? Or a system that people might access when they’re in desperate need of help? Plain HTML works. A small bit of simple CSS will make look decent. JavaScript is probably unnecessary – but can be used to progressively enhance stuff. Add alt text to images so people paying per MB can understand what the images are for (and, you know, accessibility).
Eleventy: Building an Image Gallery with CSS Grid and PhotoSwipe
Mark is using my Images Responsiver plugin for Eleventy with Netlify Large Media and PhotoSwipe to build an image gallery, and it's really great!
After a week of data collection, the numbers came back… and they were baffling. The average aggregate page latency under Feather had actually INCREASED. I had decreased the total page weight and number of requests to a tenth of what they were previously and somehow the numbers were showing that it was taking LONGER for videos to load on Feather. This could not be possible. Digging through the numbers more and after browser testing repeatedly, nothing made sense. I was just about to give up on the project, with my world view completely shattered, when my colleague discovered the answer: geography.
Legacy and Transition: Creating a New Universal Image Codec
JPEG XL’s legacy-friendly feature is a game-changer for the transition problems described above. Besides saving both storage and bandwidth from the outset, you can also losslessly preserve legacy images while reaping more compression. In other words, JPEG XL offers only benefits from the start, whereas other approaches require sacrifices in storage to reduce bandwidth.
Whoops, @simonhearne noticed h-entry
and p-author
in the links pages made brid.gy believe that authors had bookmarked their own content! 😅
The one from Simon: https://simonhearne.com/2021/layout-shifts-webfonts/#bookmarks
Another from @adactio: https://adactio.com/journal/17379#comment86203
How to avoid layout shifts caused by web fonts
One common cause of layout shift is surprisingly difficult to resolve though: flashes of unstyled text (FOUT).
A new nice responsive layout trick built upon Heydon Pickering's Flexbox Holy Albatross.
Is there some sort of shape-outside: self;
in CSS, to use an image as it's own shape? 🤔
I couldn't find it in any docs, but it would be really useful to not declare the same URL twice.
Fulfilling the promise of CI/CD
This may surprise you, but continuous deployment is far and away the easiest way to write, ship, and run code in production. This is the counterintuitive truth about software: making lots of little changes swiftly is infinitely easier than making a few bulky changes slowly.
The juxtaposition of The HTTP Archive’s analysis and The State of JS 2020 Survey results suggest that a disproportionately small—yet exceedingly vocal minority—of white male developers advocate strongly for React, and by extension, a development experience that favors thick client/thin server architectures which are given to poor performance in adverse conditions. Such conditions are less likely to be experienced by white male developers themselves, therefore reaffirming and reflecting their own biases in their work.
I use the "Display #Anchors" browser extension made by @RobSinje a lot:
https://github.com/Rob--W/display-anchors
Unfortunately, not so many sites put id
s on heading elements… 😥
What if browsers provided a “Copy link to element” context menu option for all page elements with ID attributes?
<h1 id="title"> → https://site.ex/page#title twitter.com/simevidas/status/1349601189026017281
A list of popular/awesome video games, add-ons, maps, etc. hosted on GitHub. Any genre. Any platform. Any engine.
So there it is, 5 different variations of fully accessible, CSS only mobile menu.
Understanding the True Cost of Client-Side A/B Testing
Client-side A/B testing has been a performance loving developer’s worst friend for years.
Now waiting for #Cloudinary to automagically enhance my sites with AVIF for all supported browsers… 😍
Oh wow. @firefox joins Chromium and adds AVIF support. That's going fast. 🐎
🔗 caniusecaniuse.com/?search=avifAZ
🔗 avif explainejakearchibald.com/2020/avif-has-landed/OGjw
Own your short URLs!
Easy with #Eleventy and #Netlify (for example):
https://github.com/nhoizey/1y#readme
@addyosmani Bitly sets cookies and shares user data with third parties. Please consider stopping unnecessarily using URL shorteners.
Whoops, there's a warning gatsby
in the logs of @jlengstorf's Let’s Learn Eleventy! video with @zachleat… 😅
I updated the about page with how I use #Algolia for the archives:
https://nicolas-hoizey.com/about/the-website.html#search-with-algolia
I also shared this in the Algolia community forum, if you want to like/share/discuss it:
https://discourse.algolia.com/t/using-algolia-to-enhance-navigation-in-a-static-site-archives/11754
Adjust font size with CSS custom properties
I do love beautiful Web fonts, even if there are none on this site currently, so I plan to add at least one soon. I might use this nice solution.
W3C receives grant to help guide open web design principles for the Grant for the Web community
W3C and Grant for the Web are committed to getting more heads, hearts, and minds involved in building new business models on the web. We believe that Web Monetization has the opportunity to start to decentralize privilege and power and expand financial inclusion.
Wrote my own transform from px
to rem
values for Style Dictionary and discovered just after that @jbarreiros already did it for the upcoming v3… 😅
Today, I remembered linking to a "Letter from 2020" back in 2001. It had been written in 2000 by Mark Summerfield.
It is now gone 😥, but @waybackmachine has a copy! 😍
We humans are creatures of comfort. We like taking the easy route, the low-hanging fruit, the way that doesn’t make us think. […] In this article, I’ll show you how defaults can be used to save energy and thereby reduce CO₂ emissions in technology.
Loading and replacing HTML parts with HTML
I really would like HTML to be more powerful, and I think showing other content without a full page reload is something people wanted for decades and will probably also want in the future, so it may be worth to see if we can do this in HTML.