Blog (Page 5 of 19)

  1. Simplify theming SVG with contextual fill and stroke values!

    The keywords context-fill and context-stroke are now available when specifying the fill and stroke properties. What SVG powers do they grant?

  2. Testing experimental browser features on Linux - Is Linux supported?

    I was exploring new HTML and CSS feaures yesterday, a new proposal called Invokers caught my attention. I wanted to try it out in a browser on Linux.

  3. How to create a slick CSS animation from Cocktail

    Let’s jump to the 80’s and create an animation with a retro feel. Cocktail!

  4. How to create a slick CSS animation from Jackie Brown

    The title sequence for Jackie Brown is simple but has some 70’s flair. Let’s recreate the reveal animation of the title card.

  5. Eleventy - Group posts by year

    A common organisation pattern for a blog is to group posts by year. I will show you how to do this efficiently and succinctly in JavaScript.

  6. 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.

  7. 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.

  8. YouTube embeds are bloated - use a lazy loading video or a facade 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?

  9. 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.

  10. Write that unpopular post

    Do you ask yourself ‘Will this be popular?’ before you write or publish a post? This is my approach.