Category: demo

• Audio, Video, and Tabbed Content

  Embedding HTML5 audio players, responsive video embeds, and tabbed content sections in blog posts.

  4 min read  ·  June 5, 2025

   2025  ·   media  ·   formatting  ·   audio  ·   video  ·   demo

• Full-Screen Photo Gallery with PhotoSwipe

  Create tap-to-expand full-screen lightbox galleries with captions — ideal for image-heavy posts and portfolios.

  3 min read  ·  May 30, 2025

   2025  ·   images  ·   gallery  ·   visualization  ·   demo

• Showing Code Changes with Diff2Html

  Render beautiful side-by-side or unified code diffs in posts — ideal for tutorials, changelogs, and code reviews.

  4 min read  ·  May 25, 2025

   2025  ·   code  ·   formatting  ·   diff  ·   demo

• Before/After Image Comparison Slider

  Side-by-side image comparison sliders — ideal for showing image processing results, design iterations, or any visual before/after.

  2 min read  ·  May 20, 2025

   2025  ·   images  ·   visualization  ·   interactive  ·   demo

• Embedding Interactive Maps with Leaflet

  OpenStreetMap-powered maps with markers, pop-ups, and polygons — all from a single frontmatter flag.

  3 min read  ·  May 15, 2025

   2025  ·   maps  ·   visualization  ·   leaflet  ·   demo