Skip to content
  • Posts
  • Me
    • Github
    • LinkedIn
    • X

#HTML
All tags

  • How I learn in 2023

    A collection of links and resources that I use or have used in the past to help me learn

    #JavaScript #HTML #CSS #Learning
    6 minutes read 31 Jan 2023
  • Image of a HTML card component with a progress indicator
    Building progress indicator cards with a single css property

    I recently had to implement an indicator of progress onto a card component, I challenged myself to see if this could be done with a single css property, here's how.

    #HTML #CSS
    9 minutes read 19 Oct 2021
  • 1
    Embedded YouTube Playlists in the CG Guitar website
    Adding dynamic content from an API to a static website at build time

    You may not need client side JavaScript to add dynamic content from an API. In this article I will show the approach I recently took to embed YouTube playlists into an website created by a static site generator (Elventy), and how this approach lends itself to less JavaScript and progressive enhancement.

    SERIES: Static sites with dynamic content
    #11ty #HTML #JavaScript #WebComponents
    11 minutes read 21 Jun 2021
  • Image of a masonry layout
    Building a responsive, progressively enhanced, masonry layout with only CSS and HTML

    Masonry layouts, think bricks, think Pinterest, have had many solutions in the web over the years. Many use too much JavaScript, but there is some exciting new things coming to CSS grid to enable Masonry layouts. But you don't have to wait, you could implement today, using progressive enhancement. Progressive enhancement is like technical debt that fixes itself.

    #HTML #CSS
    19 minutes read 13 Jan 2021
© George Griffiths 2025