Welcome to charisTheo.io

Replace GIF image formats and use video instead to render animations on the web while using Sanity + Gatsby

Rendering an image placeholder in case the original image was not found in Progressive Web Apps.

How to configure environment variables inside of babel.config.js.

Prevent layout shifts due to images by preserving their aspect ratio in Sanity + Gatsby.

Prevent layout shifts due to images by preserving their aspect ratio with the padding hack.

Increase frames per second while users scroll a website with a tiny CSS trick.

Faster searching in websites with custom Chrome Search engines

Run small snippets of JavaScript code quickly within Chrome DevTools

Become a Developer Wizard 🧙‍♂️ in no time with the use of snippets

Showcase of PWA recipes for some of the most common use cases of PWAs.

IreneBielsa.com is an e-commerce and portfolio website for a Spanish slow fashion brand.

A Wiki page for building and troubleshooting Progressive Web Apps.