Another short notes post for this month. Been busy at my new permanent job at intelliflo - learning the ropes and how to be a permanent employee again. Plus freelance work. I've had my google free phone now for over a month and I finally got round to adding some new features to my website.
Freelance
- Finished and launched the new Gratuu.com website. Designed in Sketch and built using 11ty and TailwindCSS. Some of the content will change once the app is launched
- I continued working on the new Surbiton Tyre and Wheel website build after a long pause whilst I waited for the client to pay the next stage invoice and provide the content. I'm still waiting for content but have been able to continue creating templates ready for CMS implementation
Side Projects
Now that I have a permanent job again, my website is my new side project.
- Finally got round to implementing webmentions on my website. This has been on my to-do list for a while now. It wasn't the easiest thing to implement and I wouldn't have managed it if it wasn't for all the people that have done this and shared their code
- Something else that I've had on my to-do list for a while was re-doing my ServiceWorker script. The previous version had been on my website for a while and it was something I quickly knocked up when ServiceWorkers first came to my attention. But it wasn't clearing old caches so returning visitors weren't seeing my latest content and styling
Personal
- I've now had my new phone for a month and also means I have been completely Google-free for that long. Its been an interesting journey and I need to write up a review of the Fairphone 3+ and my deep dive into being more privacy-aware and more deliberate about what data I share
🎧 Listening
📖 Reading
- Adapt client-side JavaScript for use in 11ty (Eleventy) data files - bryanlrobinson.com
- Custom Focus Indicators with CSS Variables | Craft CMS
- Adapting to the 11ty Workflow | Ryan Gittings
- Asset Pipelines in Eleventy
- Custom State Pseudo-Classes in Chrome | CSS-Tricks
- Adding Webmention Support to a Static Site
- Automatically generate open graph images in Eleventy
- How to lazy load images and iframes with the native HTML loading attribute
- A Simple Blogroll for My Website › Martin Schneider — Frontend Developer
- The beauty of progressive enhancement
- CSS Logical Properties
- Adding an Email Subscription to Your Jamstack Site
- The Simplest Way to Load CSS Asynchronously | Filament Group, Inc., Boston, MA
- Seven Habits of Highly Effective Z-Wave Networks for Consumers
- Responsive Images: If you're just changing resolutions, use srcset. | CSS-Tricks
- Less rigid design systems
- Git Explained: Proper Team Etiquette
- A Guide to the Responsive Images Syntax in HTML | CSS-Tricks
- CSS Animation Timelines: Building a Rube Goldberg Machine
- Quick Tip: How to Hide Whitespace Changes in Git Diffs
- 9 tips to quickly improve your UI designs
- Accessing 11ty filters within data files to keep your code DRY - Mike Street - Lead Developer and CTO
- Implementing clientside webmentions | bnijenhuis
- Light and dark themed SVG favicon using the CSS prefers-color-scheme media feature
- My current HTML boilerplate
- How I Made My Badass ‘Listening To’ Section - Timothy B. Smith
- How Nomad List dominates longer tail keywords
- Responsive Images the Simple Way
- Intersection Observer API Makes Lazy Loading a Snap
- prefers-reduced-motion: Taking a no-motion-first approach to animations
- Better Blogging - Building Your Brand
- How I Audit a Website for Accessibility | MarcySutton.com
- Building Ale House Rock with 11ty - Mike Street - Lead Developer and CTO
- CO2 emissions on the web
- Transitioning Hidden Elements
Likes