LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.

Responsive image component for React with nice abstractions over srcset, sizes and src attributes.

Responsive images plugin for the Grav CMS

A fast utility, written in Rust using parallel jobs that generates multiple responsive versions of an image at width breakpoints (defaults to 480,640,768,960,1024,1366,1600 and 1920 pixels wide) that match common Mobile and widescreen desktop/laptop viewports and outputs the needed <img/> tag

Zero-dependency JavaScript packages for implementing W3C-standard responsive images.

A layout clone of RYM Portátiles

Understanding srcset and sizes attributes

React component for rendering HTML source tag with nice abstractions over srcset and sizes attributes.

ImageMagic bash script for deployment automation. Generates @1.5x @2x @3x webp images from given directory of images. Another script simply converts to .webp files and generates thumbs of given height. Works in GitBash on Windows too.

Portfolio website. - HTML, Sass , Javascript, Typescript