Automate picture element generation
-
Updated
Jan 22, 2021 - JavaScript
Automate picture element generation
Learn how to use responsive images and optimise performance.
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
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
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.
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.
drop-in JS class to replace CSS background image with image extracted from srcset
Bash script to generate images at different sizes
Generate the srcset attribute for HTML img and picture tags.
Udacity movie trailer project for the Full Stack Developer Nanodegree.
A command line tool to create optimized images for the web.
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."