Enhancing archives navigation, step 1
I decided years ago to remove paged navigation (aka "pagination"), because I find it not user friendly at all, and a nightmare for SEO with new content pushing one tenth of contents to another page (for a 10 items per page pagination). Now, I improved the UX even further.
15 000 000 views on #Unsplash, WOW! 🎉 🤗
Wonder if #EveryLayout's sidebar could be used for a media component where the image is on top by default, and on the right when there's enough space.
Looks like it's either 1st element on the left or 2nd element on the right… 🤔
When you have a search form on every page, with #Algolia's autocomplete, what is the current best way to load the full required JavaScript only when the input gets the focus?
I may have created a new plugin for #Eleventy… 😅
If you use Nunjucks layouts and want an easy way to build internal links between your contents, this might help you:
https://github.com/nhoizey/eleventy-plugin-link_to#readme
Marcy Sutton
What we learned from user testing of accessible client-side routing techniques with Fable Tech Labs
There are multiple variations recommended in the industry for accessible, client-rendered page changes, yet very little user research on those methods.…
I didn't start using #Svelte yet, but this presentation of what will come soon really makes we want to find time to do it ASAP! 😍
Simon Hearne
How to Improve Core Web Vitals
Here's a great overview of both what will come soon in Google ranking algorithm, and how to detect and fix issues with these Core Web Vitals. Google…
Browsing #Eleventy docs to see data available in a page and in a collection item. title vs item.data.title…
Wish it was the same, for simpler Nunjucks macros with a single item object with the same attributes.
-loud-minority/)
Always remember that although a subset of the JavaScript community can be very loud, they represent a paltry portion of the web as a whole. This means…
Gremlins tracker for #VSCode v0.25.0 is there!
You can now configure a character as perfectly acceptable, it will not show a gremlin anymore. 👻
Settings also now have IntelliSense for the available values! 🎉
I'm using an SVG sprite on this site to make sure I don't repeat SVG code for icons that are used multiple times, and I inline it so the rendering doesn't depend on another resource loading. Here's how I build this sprite from individual SVG icons.
Inspired by @5t3ph's 11ty-sass-skeleton, my own Pack11ty #Eleventy template project now uses Dart Sass CLI and a few postcss plugins for Sass instead of the previous unnatural Rollup configuration.
Maria Farrell
Allowing people who share responsibility for our tech dystopia to keep control of the narrative means we never get to the bottom of how and why we…
TIL: Dart Sass sometimes doesn't play nice with unicode characters written as \2197\FE0E (which is ↗).
Lisa Charlotte Rost
How to Pick More Beautiful Colors for your Data Visualizations
Amazingly detailed article about how to best chose colors for visualizations ! This is not the right article for you if you’re trying to find good…
Josh W. Comeau
Full-Bleed Layout Using CSS Grid
Josh shows here beautifully how to use CSS Grid to contain page elements' width and have some expand outside this containment. As the web has evolved,…
Rachel Andrew
Breaking out with CSS Grid explained
Here is a detailed explanation of Tyler Stika's Breaking Out With CSS Grid Layout article I shared previously. What this demonstrates is that when…
Breaking Out With CSS Grid Layout
Now that CSS Grid support in browsers is great, I will start using this nice layout presented by Tyler more than 3 years ago. We want to limit the…
My Gremlins extension for #VSCode has already been installed more than 100 000 times, and downloaded almost 300 000 times! 😳
I wish there were more #Firefox users, when I see mozilla.org in the 10 Top Popular Domains in Cloudflare Radar. I guess most of it is for #MDN…
Andy Bell
Tyler Sticka