I'm way behind on these monthly blog posts that I've decided to forget about the last few months. There hasn't been much to write about these last few months, plus I've just been too busy with life and house stuff. Anyway, June was a good month; I'm glad the contractors have finished the loft conversion project - we now need to decorate and furnish. How was your month?
Work
I've been working on a cool project which I can't say much about. But its one of those projects that really makes you use your brain! I'm using 11ty and TailwindCSS, although the project will be built using VueJS but that will be done by the developers in the team. There lots of tricky design elements that I am enjoying getting my teeth into. And best of all I don't need to do any JavaScript.
Freelance
Finally finished and launched the Arrival Lift Services website 🎉. Really pleased with the design and also the performance. Built using 11ty and TailwindCSS and some vanilla JavaScript.
Personal
The loft conversion project is finished... well almost, the contractors are done but we still need to decorate it. We decided to do that ourselves to reduce the cost a bit. We are really happy with most of it, there are a few things that we aren't happy with that cannot be changed right now - specifically the staircase going across the window. When we have more money we want to change the window for a different style and move it up. At the top of the stairs we're going to add a glass ballustrade so we can sit on a low sofa and enjoy the view of the green fileds in front. Due to new fire regulations all the bedrooms have had to have fire doors fitted, which are ok, but makes the place feel like a hotel.
Looking forward to making use of it once we've decorated it all!

The outside entertainment area which was also finished this year has now had the electrics done and two patio heaters installed. I now just need to finish building the kitchen area.
📺 Watching
-
Bloodline When the black sheep son of a respected family threatens to expose dark secrets from their past, sibling loyalties are put to the test.
-
Bordertown A gifted detective takes a job in a small town so he can spend more time with his family. But he's soon drawn into a web of disturbing murder cases.
-
Locke & Key After their dad's murder, three siblings move with their mom to his ancestral estate, where they discover magical keys that unlock powers — and secrets.
-
Homeland CIA analyst Carrie Mathison struggles with mental health and family issues while leading the war against terrorism in this political thriller series.
📖 Reading
- Prerender if You Can Prerender by Sean C Davis
- WebAIM: Flexbox and the Screen Reader Experience
- How to navigate to the git root directory
- How to prevent buttons from causing a form to submit with HTML
- Please Give Me Some Space | CSS-Tricks
- CSS { In Real Life } - Aspect Ratio is Great
- What order do files load in the browser?
- Don't lose your Github contributions when you leave an organization
- Full-Stack Developers
- When should a button be a button? - Studio Brand Up
- The tools I use to make working with command line easier
- Just How Long Should Alt Text Be? - CSS-Tricks
- Responsive Image Gallery With Animated Captions - Modern CSS Solutions
- Upgrading 11ty from 0.12 to 1.0 by Mike Street
- Building a theme switch component
- Quick accessibility tests anyone can do - TetraLogical
- What Would a Useful NFT Look Like?
- Prevent Cumulative Layout Shift for responsive images
- the joke that changed my life by Derek Sivers
- I used Tailwind for the U in CUBE CSS and I liked it - Piccalilli
- Fancy CSS Borders Using Masks | CSS-Tricks
- I’ve been doing buttons wrong! Have you?
- 'I can't keep up!' says the web developer on the verge of giving up by Baldur Bjarnason
- How I built a dark mode toggle
- Finding time for side projects by Si Jobling
- How to Create a Section Divider Using CSS
- The What, Why, and How of Internal Documentation
- A look at the dialog element's super powers
- How I self publish my podcast
- Enough Talks about Good Commit Message, Enforce or validate it!
- Async Alpine — Asynchronous Alpine component loading - Alistair Shepherd
- How I hold myself accountable to my side projects as a dad who works full time
- Replace JavaScript Dialogs With New HTML Dialog - CSS-Tricks
- 6 Creative Ideas for CSS Link Hover Effects - CSS-Tricks
- CSS card shadow effects
- A CLS punishment for progressive enhancement? - Piccalilli
- Explain the First 10 Lines of Twitter's Source Code to Me - CSS-Tricks
- The Right Space Around Headings in Web Typography - Pimp my Type