Webstudio is a visual CMS and website builder that provides a visual development environment for designing and publishing websites. It functions as an AI-powered design tool, a REST and GraphQL API client, and an atomic CSS compiler. The platform distinguishes itself through generative AI capabilities for creating layout variants and refining visual styles from text prompts. It integrates a headless CMS workflow that maps external data sources to visual components and utilizes a specialized compiler to convert design tokens into deduplicated atomic CSS for optimized page load speeds. The sys
lazysizes is a JavaScript lazy loading library and DOM visibility observer that defers the loading of images and iframes until they enter the browser viewport. It functions as a responsive image optimizer and SEO friendly asset loader designed to reduce initial page load times while maintaining search engine visibility. The project calculates optimal image sizes and handles srcset and picture elements to deliver the most appropriate asset based on device resolution and layout. It includes a mechanism for low-quality image placeholders and applies CSS classes during the loading process to trig
A resizer tool to automaticaly resize png files and 9 patches in several densities
Fast and lightweight vanilla JavaScript polyfill for native lazy loading, meaning the behaviour to load elements right before they enter the viewport. Provides graceful degradation, and is - not just thatfor - SEO friendly. Handles images with srcset and within picture, as well as iframe…
The main features of mfranzke/loading-attribute-polyfill are: Image Optimization.
Open-source alternatives to mfranzke/loading-attribute-polyfill include: webstudio-is/webstudio — Webstudio is a visual CMS and website builder that provides a visual development environment for designing and… afarkas/lazysizes — lazysizes is a JavaScript lazy loading library and DOM visibility observer that defers the loading of images and… redwarp/9-patch-resizer — A resizer tool to automaticaly resize png files and 9 patches in several densities. adobe-photoshop/generator-assets. svg/svgo — SVGO is a Node.js vector graphics optimizer and minifier designed to reduce the file size of SVG images. It functions… verlok/lazyload — This project is a vanilla JavaScript library and web performance optimizer designed to defer the loading of images,…