Welcome to charisTheo.io

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.

A step-by-step guide on how to store and list offline available pages using Service Workers and the Cache API on the web.

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.