Blog(Page 1 of 13)
You can subscribe to my web feed to get my latest articles.
Eleventy - Group posts by year
Let's create a blog with posts grouped by year in descending order. This is actually tricky to pull off!
VS Code - Why you should always bundle a VS Code extension, and prefer esbuild as the bundler
Bundled extensions load faster. I would recommend using esbuild as your bundler. Here is why.
Eleventy - Differentiate between dev and production builds with unique favicons
It is easy to mix up the dev and production versions of a website in the browser. Let's make them look unique by using different favicons.
YouTube embeds are bloated - do this instead
The average YouTube embed clocks in at over 1MB, and that does not involve loading a single byte of the video. Is there a better way to do it?
Eleventy - Fetch data from the Github REST API to populate a projects page
We will populate a page with data from GitHub. We will use the eleventy-fetch plugin to do this with minimal code and refresh the data every 2 days.
Write that unpopular post
Do you ask yourself 'Will this be popular?' before you write or publish a post? This is my approach.
Eleventy - Get autocompletion and doc info in your eleventy config in VS Code
In VS Code, you don't get autocompletion in your eleventy config. You don't get info about functions when you hover over them. Here is how you add it.
Make your web feed easy to find, autodiscoverable even
If you have a web feed, be it RSS or Atom or JSON Feed, help others discover it!
Eleventy - Create a global production flag
A production flag enables you to run activites in production only e.g. minifying assets. There isn't a built-in flag in eleventy. How can we add one?
Don't sleep on native lazy loading iframes - now available in a browser near you
Lazy loading of iframes can significantly improve performance. Now there is native support for it in all browser engines. Don't sleep on it!