Bloggy Corner
I like to write once in a while (every 1 and three quarters months on average, it seems). Enjoy!
Year 2026 (×1)
Year 2025 (×12)
Keeping link underline styles around inline code with padding
Preserving the tiny underline is nearly effortless with CSS pseudo-elements. css quick-tip
Adding a custom filename to a code block in Eleventy with markdown-it
Making those code blocks a little more personal. markdown eleventy
Preventing jank on focused overflow-causing elements
Making sure the focused element doesn’t trigger janky scroll. css quick-tip
Conditional favicon in Eleventy using passthrough copy
Never mix up dev and prod again! (due to identical icons, at least) eleventy quick-tip
(updated )
From Nunjucks to Vento in Eleventy: a migration guide (kinda)
A few tips to refactor your njk into vto. javascript eleventy nunjucks vento
(updated )
Taking VentoJS for a spin in Eleventy
There’s a new kid on the templating block. javascript eleventy vento
Double-Pagination in Eleventy
Yo dawg, I heard you liked pagination, so I added pagination inside your paginated pages, so you can paginate while you paginate. eleventy
Some thoughts on the item-flow proposal
Solving for masonry could have beneficial side effects for other layout methods. css
A Future of Themes with CSS Inline if() Conditions
Another way to implement themes on a website with style conditions. css themes
Relative Temperature Conversion
So this is how I can explain temperature fluctuations outside the US! personal today-i-learned
Year 2024 (×10)
Vertical slider fitting the tallest element in pure CSS
Using transforms to create overflow. css quick-tip
Removing link underline styles between icons and text
Fixing the tiny underline is nearly effortless with CSS variables. css quick-tip
(updated )
:nth-next-sibling? No need.
Target N elements after an arbitrary element in CSS. css quick-tip
My under-engineered way to avoid a Flash of inAccurate coloR Theme (FART)
It all boils down to a single line of JS. javascript css themes
Leveraging APIs like Notion with a nice caching system
How I implemented Notion and PSN APIs in my Eleventy build for my Now and Gaming pages. eleventy notion api cache
Snippet: git switcheroo
Precompiled Sass and JS files that become part of the source folder. snippet git
Year 2023 (×6)
Grouping posts by year with Nunjucks in Eleventy
Group by year in a clear and readable manner. eleventy nunjucks quick-tip
(updated )
Select an element which doesn’t descend from another in CSS
Avoid false positives when using :not() to exclude ancestors from a scope. css quick-tip
A Future of Themes with CSS Container Style Queries
One way to implement themes on a website with style queries. css themes
My plugin for Markdown-It: CodeWrap
My solution to adding "Copy" to markdown code blocks (and other things). markdown plugin oss eleventy
Animate an SVG shape’s inner stroke
Grow a stroke on an SVG shape but only covering the inner part. quick-tip svg css
Plucking a nested property from an object
Retrieving a property of an object which is also in an object in JavaScript. quick-tip javascript
Year 2022 (×6)
(updated )
Eleventy Asset Pipeline: Precompiled Assets without Gulp
Precompiled Sass and JS files that become part of the source folder. eleventy javascript css
CSS Grid with a preferred column count
Set up a CSS grid with a specific ideal number of columns. quick-tip css
(updated)
Eleventy within Eleventy to compile when you compile: precompiling reused assets
Pre-compile some reused assets to avoid repeating the same operation. eleventy javascript
(updated )
Manage your SVG files with Eleventy’s Render plugin
Using renderFile to keep things tidy. eleventy svg
Fine, types in JS aren’t the worst
I’m not on the TypeScript train, but I like a couple of things… javascript
Animate your z-index for cleaner hover effects
Clean up overlap animations on hovered elements. css quick-tip z-index
Year 2021 (×3)
Rotating floating animation with chained transforms
Using chained CSS transforms to get a rotation without rotating the element itself. css quick-tip
A DRY Approach to Color Themes in CSS
Using a CSS custom property trick to define themes variables only once. css themes guest-post
Year 2020 (×3)
Inline lists with conditional separators
Only show a separator when two items are next to each other, and skip for new lines. css quick-tip
Building and maintaining components from utility classes in Eleventy
Use a collection of utilities to form components without additional CSS. css quick-tip eleventy
Modern Fluid Typography with clamp()
Get a more consistent sizing with viewport-based font sizing. css sass typography quick-tip
Year 2019 (×4)
Une réinitialisation CSS moderne
Andy Bell propose un reset CSS adapté aux navigateurs modernes. css
Contextual Utility Classes for Color with Custom Properties
Use the cascade to colour links in their context. css guest-post
Switching From WordPress To Hugo
Running a simple blog doesn’t require a large CMS. wordpress hugo ssg guest-post
More?
If you’re looking for even more content, check out my Blogroll, there’s good stuff in there!