50 packages found
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
- lazyload
- vanilla
- responsive
- images
- picture
- srcset
- sizes
- native
- SEO
- intersectionObserver
- progressive
- performance
- perfmatters
- async
gulp-compass-imagehelper clone for webpack
Generate the sizes attribute for HTML img and picture source tags
Body measurements data for a range of default sizes
Modern and responsive images based on the source variations from Crystallize
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
- lazyload
- vanilla
- responsive
- images
- picture
- srcset
- sizes
- native
- SEO
- intersectionObserver
- progressive
- performance
- perfmatters
- async
Collection of helpers that makes layouts design easier
Responsive image component for React with nice abstractions over srcset, sizes and src attributes.
Global solution for responsive images in Eleventy, allowing authors to use Markdown syntax for image and yet get responsive images in generated HTML.
- static-site-generator
- static-site
- website
- blog
- generator
- eleventy
- eleventy-plugin
- 11ty
- html
- markdown
- image
- images
- responsive
- RWD
- View more
Dimension variables
Global solution for responsive images, transforming simple image HTML syntax into better responsive images syntax.
Use advanced shorthand properties in CSS
- postcss
- css
- postcss-plugin
- shorthands
- asterisks
- colors
- backgrounds
- margins
- paddings
- spacings
- positions
- sizes
- sizings
- min-sizes
- View more
A node package to find the terminal size with one dead simple fallback option
React component for rendering HTML source tag with nice abstractions over srcset and sizes attributes.
- react
- srcset
- sizes
- source
- sources
- image
- images
- picture
- pictures
- responsive images
- responsive image
- responsive pictures
- responsive picture
Html sizes generator with max DPR support
Hoc to easily map window sizes to props.
Simple media query breakpoints for Styled Components, following the DevTools standard dimensions.
Extend HTML image tags with srcset and sizes attributes to leverage native responsive images.
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.
Create different images sizes.