Archives
- Huh, Hello 2022!
2021 disappeared in front of our very eyes. We're now nearly half way through 2022 and I'm having a review
- Hello 2021!
2020 was a proper shitstorm for an awful lot of reasons which noone needs reminding about. Here's what I want to accomplish in 2021
- 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.
- Things I've Learnt from 12 Devs of Xmas 2016
The fifth series of articles for the 12 Devs of Xmas has drawn to a close, and what a great series it was too! I'm always making notes and picking up tips when I read the articles daily so instead of keeping them to myself, I thought I'd share what I've enjoyed from each article here.
- Getting to Grips with matchMedia
Media Queries are one of my favourite modern web features. The ability to adjust the look and feel of a page based on the device viewing it. CSS3 makes it easy but what if we wanted to do the same with JS?
- 12 Devs Returns
Adam & I have decided to bring back the 12 Devs Christmas Articles. It's going to be freaking awesome!
- Adventures with :fullscreen
On a recent front end build, I learnt that you could attach styles to full screen elements using the pseudo element :fullscreen.
- Automating recurring event dates with PHP
I'm developing my skill set and picking up some basic PHP. Here's some code that will hopefully make my life easier!
- Empty WordPress Content
Hiding the_content on WordPress posts that doesn't have any content.
- Clear feedback
Where I rant about clients providing unclear and difficult feedback and how it wastes time. </rant>
- Give & Tell Challenge
Lets spare a little change for a good cause huh?
- Dynamic Background Images with WordPress
- Moving to Perch
For almost 6 years now, I've been using "Textpattern":http://textpattern.com to power my personal blog and website. It's been great to use and I still have a fondness for Textpattern as it's an excellent CMS, however after many updates and tweaks which I've made over the years, I've somehow broken things and it doesn't work as well as it _should_.
- Random Box Heights with jQuery
On a recent project that I’ve been building, the client requested that the index layout featured a _Pinterest_ style layout. The obvious answer being "MasonryJS":http://masonry.desandro.com. Now normally, that’d be just perfect if the main index content was images as I’d be able to use the image heights as element heights.
- Weekly Links 11
- Weekly Links 10
- Weekly Links 9
- Weekly Links 8
- Weekly Links 7
- Weekly Links 6
- Personal Meta Data
- Weekly Links 5
- Weekly Links 4
- Weekly Links 3
- Weekly Links 2
- Weekly Links 1