-
"Inheriting" grid dimensions from siblings with subgrid
What I want to achieve is aligning siblings vertically: the dynamic dimensions of elements inside the <header> landmark shall implement the grid column template defined on the <body> element, so that sibling elements can align themselves with it.
-
About subgrid and colored grid lines
For me, subgrid is the missing piece for my mental model to fully embrace grid. In this article, I will try to create a prototype of a design that requires a four column layout with colored grid lines.
-
Recording, editing and integrating a sound for a click event
Whimsical interaction sounds have found their back into personal websites in recent years, and I think that's wonderful.
-
Quick note
I have created a few demo branches for Eleventy Excellent.
Sometimes I get requests via the issues to add tags, or something similar. This makes sense, of course, but after many years of struggling with premium themes of other tools (yes, WordPress…) that wanted to cover every conceivable use case and were thus overly complex and slow, it is very important to me to maintain a clean and simple spirit.
The starter should be able to be developed in all possible directions without having to make too many decisions in advance. That’s why I decided to create some further refinements as “demos” that live in their own branch, but move along with the main branch.
So far, I have taken care of issues that have been specifically requested: gallery, tags and pagination. More to come!
-
Internationalization with Eleventy 2.0 and Netlify
Along with a lightning talk at TheJam.dev 2023, I explain how internationalization works with Eleventy 2.0, building out a simple starter project.
-
Quick note
On January 25, I’ll be participating in TheJam.dev 2023. When I see the other speakers in the lineup I can clearly feel the imposter syndrome kicking in… 😬
Anyway, I’m preparing something on internationalization with Eleventy, which I’ll pack into a ten-minute lightning talk, and additionally publish an in-depth article on the blog. I’m very excited about the opportunity Brian Rinaldi has arranged for me!
-
Quick note
Based on Andy Bell’s “be the browser’s mentor” workflow for buildexcellentwebsit.es, I recently published a starter project for Eleventy. Stephen Anfield, graduate student at the University of Michigan School of Social Work, came across it and asked me to customize the template for him. That’s how his new personal website on stephenanfield.com came to be.
Rarely have I enjoyed a project so much! How wonderful it is when someone genuinly appreciates the value and importance of progressive enhancement, performance and accessibility.
Thank you Stephen! 😃 -
Organizing the Eleventy config file
Eleventy lets you create a file called eleventy.js to configure the SSG to your own project’s needs. This article is all about organizing your config file!
-
My first website
A funny thing happened today. The very first website I made as a freelancer, in late 2008, caught up with me again. I haven't seen or heard from it in 14 years.
-
Quick note
Today I found Ulf Schneider’s mention of my website. Many thanks for that!
Ulf especially liked the font I use here. I came across ‘Outfit’ in Oliver Schöndorfer’s newsletter Font Friday.
-
Some random personal notes on using WordPress in 2022
Back in 2007, I discovered WordPress. It never stopped being a great solution for complex custom websites, which is why I am still using it, 15 years later.
-
Quick note
I have created a very small Eleventy page where I go more into detail about my technical knowledge and interests. I needed it for a couple of jobs and realized that it is handy to have, should I be asked spontaneously about my skills and tendencies.
I have also added a few book and course tips, because why not. Now I have to make sure I keep it up to date with everything I’m learning all the time. You can find it at www.lene.dev.
-
New store for albertoballesteros.com: Eleventy and Snipcart
A fast and secure website - and a look and feel that reflects that! - is crucial for a shop. albertoballesteros.com is a static website based on the Jamstack method.
-
Why speed matters. Thoughts about web performance
Web performance is about everyone being able to access a website quickly, no matter what the internet conditions are or what device is being used.
-
The importance of content clarity
The clarity of the contents is most important. A nice design is of little use if the visitor does not understand anything and leaves the page frustrated.
-
Technical details about the development of ineliagestion.com
ineliagestion.com was developed with the Jamstack method, like in the early days of web development, when all web pages were static.
-
A new project: from planning to publication
Every project starts with planning. This way I can get a more concrete feel for the project. I study websites from the same industry and look for inspiration.
Blog
I'm writing about things related to web development. Projects, approaches and observations, things I have learned or consider important.