Skip to the main content

Tagged JavaScript

#JavaScript

15 posts published
  1. Web Performance Calendar — Ten optimisation tips for an initial web performance audit

    A post on the the Web Performance Calendar with handy tips for an site performance audit

  2. HTMHell Advent Calendar — Getting started with Web Performance

    A post on the the HTMHell Advent Calendar about how to get started with web performance including some tips!

  3. Simple, cheap GeoIP API using Netlify Edge functions

    How you can use Netlify to set up your own GeoIP API service with no rate limits, payment plans or tracking!

  4. Simple, cheap GeoIP API using Vercel Edge functions

    How you can use Vercel to set up your own GeoIP API service with no rate limits, payment plans or tracking!

  5. Displaying Hillwalking routes on the web with GPX files and Leaflet

    Display GPX route files from a GPS tracker on the web using Javascript, Leaflet and an Outdoors Tilelayer

  6. Code Splitting in Alpine.js

    Code splitting in JavaScript projects and for Alpine.js

  7. Async Alpine — Asynchronous Alpine component loading

    Async Alpine for loading Alpine.js components asynchronously and lazily

  8. SVG generative mountain ridge dividers

    Generative mountain ridge dividers using videogame terrain generation techniques, JavaScript and SVG

  9. Managing tracking consent with Cead Consent

    How to manage tracking scripts and consent easily using Cead Consent

  10. Personal site stack for alistairshepherd.uk

    The technical stack for alistairshepherd.uk including 11ty, Sass, esbuild and gulp

  11. Front End Web Development Feeds and Newsletters

    Blogs, articles and newsletters I follow to keep up-to-date with Frontend web development.

  12. Conditionally loading a native image lazyload polyfill/library

    How you can feature detect native image lazyloading support and load a JS library if not.

  13. Conditionally loading a polyfill for :focus-visible

    Helpful snippet to load the polyfill for CSS pseudo class :focus-visible conditionally.

  14. SVG Landscape with live colour theming - new site part 2

    'Live' colour-changing landscape using custom properties for an SVG landscape.

  15. Making a Parallax SVG Landscape - new site part 1

    How I made the parallax SVG landscape in the header of my website. First of a series of two.