Jamstack slide decks
I needed to throw together a quick presentation for an internal team meeting at work, but I've maxed out my Slides.com free usage and really hate Google's offering, so went digging for something […]
Archives
A Local Data Store in Astro
A quick (and dirty) way to fetch local data from a JSON file and modify the look of a page in Astro, completely natively.
Styled Component Quirks
Styled Components have tripped me up a few times today, but I ended up learning some useful tricks as a result.
Making persistant build folders in Netlify
Max has put together a quick overview of how to store webmentions in a cache folder so that you don't have to fetch them on each build with Netlify. Super useful and can't help but think this might […]
Practical Jamstack: intro to 11ty
I "missed" the meetup (it was 2am local time 😂) but glad to catch up, a really nice introduction to 11ty/Eleventy as a build tool. The more I hear about the flexibility that 11ty gives you in […]
Animated Content Placeholders
What do you do when a website has loaded but the content is still being fetched from an API? One answer is to fill the page with animated placeholders, creating a skeleton of what the user can expect, with a dash of CSS animation to let them know that something's still going on behind the scenes.
Jamstack Comments Engine
A combination of build commands and Netlify tools equals a very creative native commenting system for Jamstack sites (hosted on Netlify, of course). Definitely need to drill a bit deeper into how […]
Jamstack is fast only if you make it so
Critique of JavaScript-heavy frontend frameworks and useful deep-dive into the issues of using client-side scripts or libraries for webmentions. Nicolas rightfully points out that this isn't just […]
State of frontend 2020
Some interesting results from the latest Software House frontend survey. Surprised to see that over a third of respondents reckoned CSS-in-JS would be a "fad" and gone in three years; personally […]
Adding Lighthouse scores to my site's footer
Using a combination of Speedlify and Google Lighthouse tool, Zach is able to display web performance scores in his footer, bespoke for each page. He seems to be doing so client-side, though I don't […]
Jumping into webmentions with NextJS
Great overview of how to deal with webmentions on a NextJS site. Should be applicable to other React SSGs like Gatsby. Useful […]
Jamstack Conf 2020
Notes from the 2020 Jamstack Conf. Some interesting dives in the Jamstack community and various applications of Jamstack technologies, with tweet threads as usual.
The random link in the age of static sites
Heydon has been working on Ga11ery, a neat image portfolio site generator that's ideal for webcomics. But it's built on the Jamstack using 11ty and Netlify, which means it isn't so simple to […]
Jamstack full course
A solid introduction to the Jamstack, including full build tutorials for an initial SSG setup with Eleventy and Netlify, integrations with the News API service and Open Weather, geolocation checks […]
The cost of javascript frameworks
Oh dear. Tim's put together some actual numbers on the impact that using a frontend framework has on the user. As a proponent of the Jamstack, which pretty much has JavaScript frameworks at its core, […]
React Summit 2020 Notes
Notes from the fully remote React Summit 2020 (or at least the talks I tuned in for). Lots covered, from static-site generators and the Jamstack through to React state management and accessibility. What a fun day!
Adding Search with Algolia (Gatsby, Craft CMS - Part 1)
Static sites don't make search functionality easy, but luckily there are some excellent services that do. I've been messing around with Algolia and finally have it working with Craft and Gatsby the way I want it... on the backend, at least.
IndieWebCamp London 2020
I finally made it to an IndieWebCamp meetup, even if it was remote only due to the increasingly restrictive implications of the coronavirus. I learnt a lot, I had a great time, and I'm ready to start implementing a whole bunch of new ideas right here. I also took a huge number of notes from the speakers and sessions throughout the day.