Doorgaan naar content

Blogs die hout snijden

Artikelen over web development. Soms in het Engels, soms in het Nederlands.

Creating an accessible modal view with Alpine in Statamic

  • Statamic
  • Peak
  • Antlers
  • Alpine JS
  • Accessibility
A screenshot of an example Modal View with the title: "Creating a modal view with Alpine in Statamic". Below the title you can see the following text: "A while back I wanted to create a re-usable modal view pattern for my Statamic based sites. A modal that could contain anything from text to images or video." Below that is a button labeled: "Close modal".

Color theming with Statamic and Tailwind

  • Statamic
  • Tailwind CSS
Color theming in Statamic and Tailwind.

Redis as a queue driver for Statamic

  • Statamic
  • Servers
Using a Redis queue in Statamic.

Use Lottie animations with Alpine and Statamic

  • Alpine JS
  • Statamic
Use Lottie animations with Alpine and Statamic.

Render a selection or the most recent post with Antlers

  • Statamic
  • Peak
  • Antlers
Render recent posts or a selection with Antlers.

A rendered code example with Statamic, Tailwind and Alpine

  • Statamic
  • Peak
  • Tailwind CSS
  • Alpine JS
A rendered code example using Tailwind CDN.

Making a clipping mask with an inline SVG

  • Tailwind CSS
  • CSS
Code example of an inline SVG clipping mask.

Using P3 colors in Tailwind CSS

  • Tailwind CSS
The tailwind configuration when using P3 colors.

Using Mapbox to create a custom tiled map in Statamic

  • Mapbox
  • Statamic
  • JS
Screenshot van een Mapboxmap met interessepunten uit Statamic.

Creating a clipping mask hover effect with Tailwind CSS

  • Tailwind CSS
A hover effect using clip-path.

Uitgelezen kans

layout.antlers.html -->