Automate picture element generation
-
Updated
Jan 22, 2021 - JavaScript
Automate picture element generation
Learn how to use responsive images and optimise performance.
drop-in JS class to replace CSS background image with image extracted from srcset
Bash script to generate images at different sizes
An upgradable boilerplate for Progressive web applications (PWA) with server side rendering, build with SEO in mind and achieving max page speed and optimized user experience. https://www.reactpwa.com
Starting point for responsive images code class exercises
WordPress Server Side Image resizer. WordPress does a poor job of downsizing already lossy images. PNG is generally too fat. This repo will watch out for uploads on the server, attempt to do magick itself, then replace the live uploads and record that it has done so.
Snippet for resizing Images in MODX.
Create a set of smaller images to use as srcSet (tool for web development)
Generate scaled-down versions of an image and the corresponding <img srcset="..."> HTML.
**WIP** Directive to handle image srcset and sizes as a background image.
📷 Stacked images from 100-300dpi, if you ever need to calibrate pixel density on a screen
A jQuery plugin turning simple links to an image into a lightbox containing that image.
Praktische Abschlussarbeit im Rahmen eines Fernstudiums zum Web-Entwickler (ILS) unter Verwendung con HTML5-Boilerplate und jQuery Mobile.
Generate the srcset attribute for HTML img and picture tags.
Extends unslider.js with lazyloading functionality, enables sourceset usage and introduces Thumbnails.
Add a description, image, and links to the srcset topic page so that developers can more easily learn about it.
To associate your repository with the srcset topic, visit your repo's landing page and select "manage topics."