View your app on different device and font sizes

⇲👁 A simple React Hook which allows to listen the resize event of any target element when it changes sizes

Extensible theming system for styled-components 💅

Humansize - A flexible crate for humanizing file sizes

Python module for representing file sizes with different prefix notations

tiny React hook which allows you to track visible window viewport size in your components w/ an optional debounce for updates for optimal rendering.

🌐📄/📏 – World Paper / Sizes

This TYPO3 extension provides ViewHelpers and configuration to render valid responsive images based on TYPO3's image cropping tool.

📊 Create and compare files stats, and webpack bundle stats

Scalable Layout Kit lets you design scalable, consistent & adaptive user interface (UI) for iOS.

This library was developed by CSS3 only and created to be as a utility library for Bootstrap v4 and v5.

HTML5-like responsive background images in CSS (sort of …)

Estimates the size of your files in different format (original, minified, gzipped, brotli).

📏 Get the real width & height of the window

Fast utility for calculate SI and Binary unit prefixes (Units of information). ⚡

Webpack image loader with additional size information

Size Calculator is a Python package that calculates the size of a file or folder and prints it in bytes, kilobytes, and megabytes.

Front-end Fundamentals - Srcset & Sizes Attributes For Images Companion Code

Learn CSS by designing a menu page for a cafe webpage. The menu page is live at:

Starting point for responsive images code class exercises