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
Global solution for responsive images, transforming simple image HTML syntax into better responsive images syntax.
Keywords
Publisher
Description
Responsive image component for React with nice abstractions over srcset, sizes and src attributes.
Keywords
Publisher
Description
Create and compare files stats, and webpack bundle stats
Keywords
Publisher
Description
Sizes of Google's Material Design made available to coders
Keywords
Publisher
Description
Dimension variables
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
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
Hoc to easily map window sizes to props.
Keywords
Publisher
Description
tiny React hook for tracking visible window viewport size in your components w/ an optional debounce for optimal rendering.
Keywords
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
Utility library for generating responsive image urls, srcsets and sources.
Keywords
Publisher
Description
A webpack image loader with additional size information (using probe-image-size)
Keywords
Publisher
Description
Utility functions to make it easier to work with auto generated responsive images for better performance optimised images.
Keywords
Publisher
Description
Extend HTML image tags with srcset and sizes attributes to leverage native responsive images.
Keywords
Publisher
Description
Collection of helpers that makes layouts design easier
