47 packages found
Description
LazyLoad is a lightweight (2.4 kB) and flexible script that speeds up your web application by deferring the loading of your below-the-fold images, videos and iframes to when they will enter the viewport. It's written in plain "vanilla" JavaScript, it leve
Keywords
- lazyload
- vanilla
- responsive
- images
- picture
- srcset
- sizes
- native
- SEO
- intersectionObserver
- progressive
- performance
- perfmatters
- async
Publisher
Description
Generate the sizes attribute for HTML img and picture tags
Keywords
Publisher
Description
Body measurements data for a range of default sizes
Keywords
Publisher
Description
LazyLoad is a lightweight (2.4 kB) and flexible script that speeds up your web application by deferring the loading of your below-the-fold images, videos and iframes to when they will enter the viewport. It's written in plain "vanilla" JavaScript, it leve
Keywords
- lazyload
- vanilla
- responsive
- images
- picture
- srcset
- sizes
- native
- SEO
- intersectionObserver
- progressive
- performance
- perfmatters
- async
Publisher
Description
Responsive image component for React with nice abstractions over srcset, sizes and src attributes.
Keywords
Publisher
Description
Modern and responsive images based on the source variations from Crystallize
Keywords
Publisher
Description
Collection of helpers that makes layouts design easier
Keywords
Publisher
Description
Global solution for responsive images, transforming simple image HTML syntax into better responsive images syntax.
Keywords
Publisher
Description
react-strapi-img is a wrapper for images, that handles responsive sizes, lazyloading and loading-animation. It is built to consume the image-data from Strapi.
Keywords
Publisher
Description
Create and compare files stats, and webpack bundle stats
Keywords
Publisher
Description
Hoc to easily map window sizes to props.
Keywords
Publisher
Description
a tiny React hook which allows you to track visible window viewport size in your components w/ an optional debounce or custom memo function for updates for optimal rendering.
Keywords
Publisher
Description
Global solution for responsive images in Eleventy, allowing authors to use Markdown syntax for image and yet get responsive images in generated HTML.
Keywords
- static-site-generator
- static-site
- website
- blog
- generator
- eleventy
- 11ty
- html
- markdown
- image
- images
- responsive
- RWD
- srcset
- View more
Publisher
Description
React component for rendering HTML source tag with nice abstractions over srcset and sizes attributes.
Keywords
- react
- srcset
- sizes
- source
- sources
- image
- images
- picture
- pictures
- responsive images
- responsive image
- responsive pictures
- responsive picture
Publisher
Description
Use advanced shorthand properties in CSS
Keywords
- postcss
- css
- postcss-plugin
- shorthands
- asterisks
- colors
- backgrounds
- margins
- paddings
- spacings
- positions
- sizes
- sizings
- min-sizes
- View more
Publisher
Description
Extend HTML image tags with srcset and sizes attributes to leverage native responsive images.
Keywords
Publisher
Description
A simple SCSS Media Query Library based on the Bootstrap sizing widths
Keywords
Publisher
Description
Create different images sizes.
Keywords
Publisher
Description
Measurements and information about paper rulings
Keywords
- college rule
- distance
- information
- lined paper
- lines
- measurements
- paper
- printing
- rulings
- sizes
- spacing
- stationery
- wide rule
Publisher
Description
Utility library for generating responsive image urls, srcsets and sources.