- 11ty is pretty slick!
I opted for a static site generator when coming to re-build my site. I was tempted to use WordPress because I've built a few in the past, but I wanted to give a static site generator a whirl. I chose 11ty, and think it's awesome! Here's why.
- What is package.json?
One of the first steps in setting up 11ty was to create a package.json file. I didn't know why we needed to do that so I took a lazy sunday afternoon dive into the reasoning and settings behind package.json
- CSS Variables
CSS Variables have been around for ages now. With browser support at more than 95%, I've had a look at how we can go about incorporating variables into our CSS.
- CSS Filter Property
To save time during the rebuild, I took the SVG header code from my previous site. This wasn't right. Here's a better way to do it.
- Archiving Old Content with 301 Redirects
One job I was dreading when archiving my old site was setting up the 301 redirects. I had 200 pages of content which I didn't fancy doing manually. Turns out I had a lot more content, and it was much easier!
- https Redirects
Using htaccess to redirect all posts through https
- Content Audits
I've spent some time going through all of my old content and removed a bunch of irrelevant articles, posts and content that really doesn't belong here anymore.
- Are CSS Resets Required Anymore?
One of the first things I used to do when setting up a new site build directory was to include a CSS reset file, be it Normalize, CSS Reset or my own styles but in todays modern development techniques, are the actually needed?
- Day 8 - Custom URL slugs in 11ty
So 8 posts in and I've just realised that naming my posts day1, day2 etc doesn't provide good, semantic URLs. Let's change that.
- Day 7 - Escaping code in 11ty
This post is for me. Everytime I try to display code in a post, I spend 20 minutes trying to remember how to do it. This is for me. A cheat sheet. For me.
- Day 6 - Building the archive
Lets make the archive actually usable with a list of all posts.
- Day 5 - Fleshing out the index
Today, we focus on the index page. Adding in some introductory content and a list of recently added posts.
- Day 5 again - Making dates readable in 11ty with Luxon.
Yesterday, we added some dates but the format wasn't ideal. Today, we're formatting the dates with some help from Luxon.
- Day 4 - Losing track of days
Today, we're adding dates to our posts so that we can keep track of what's going on and when.
- Day 3 - Getting responsive
Looking at setting up some simple responsive methods so that the site will look OK on different devices.
- Day 2 - setting up and tweaks
Now that we've got 11ty installed and running, lets start playing with `includes`
- Day 1 - Getting started with 11ty
So here we go. I'm rebuilding my site from the ground up, using 11ty. Follow along and point out my failures. I want to learn!
- What if...
Procrastination can be born out of anxiety and the limitless ‘What if…’ questions your brain throws at you when you want to do something new.
- Burnt Out
I burnt out. It was horrible. It still is.