iframe-resizer - Keep same and cross domain iFrames sized to their content with support for window/content resizing, in page links, nesting and multiple iFrames

•    Javascript

---

Iframe-resizer is the result of many 100s of hours of work, if you would like to join others in showing support for the continued development of this project, then please feel free to buy me a coffee. This package can be installed via NPM (npm install iframe-resizer --save).

resize iframe cross-domain-iframes iframed-page crossdomain cross-domain resizing resizer postmessage autoheight auto-height iframe-auto-height height-iframe heightiframe width mutationobserver rwd responsiveiframes responsive-iframes jquery-plugin

image-size - Node module for detecting image dimensions

•    TypeScript

---

NOTE: The asynchronous version doesn't work if the input is a Buffer. Use synchronous version instead. If the target file is an icon (.ico) or a cursor (.cur), the width and height will be the ones of the first found image.

dimensions image-analysis image-size image size resolution width height png jpeg bmp gif psd tiff webp svg icns ico cur

react-dimensions - [Looking for maintainers]

•    Javascript

---

React higher-order component to get the dimensions of a wrapper element and pass them as properties to the child element. DEVELOPMENT STATUS: I'm not really using this any more since for grids/tables in React I've switched from fixed-data-table (which I was using this for) to react-virtualized which includes similar functionality to this with the Autosizer. I'm happy for someone else to take this module on.

react dimensions width resize

dom-helpers - tiny, extremely modular, DOM helper library for IE8+

•    Javascript

---

Mostly just naive wrappers around common DOM API inconsistencies, Cross browser work is minimal and mostly taken from jQuery. This library doesn't do a lot to normalize behavior across browsers, it mostly seeks to provide a common interface, and eliminate the need to write the same damn if (ie8) statements in every project. over and over again, or you need a ok getComputedStyle polyfill but don't want to include all of jQuery, use this.

dom-helpers react-component dom api cross-browser style event height width class classlist css

text-width - Measure the text width in browsers

•    Javascript

---

A small utility for measuring the text width in browsers that support the canvas API.Install through npm and require it with browserify. It uses the ctx.measureText method for acquiring the text width.

measure text width canvas context 2d

term-size - Reliably get the terminal window size

•    Javascript

---

Confirmed working on macOS, Linux, and Windows.Returns an Object with columns and rows properties.

term terminal size console window width height columns rows lines tty redirected

term-size-cli - Reliably get the terminal window size - cross-platform

•    Javascript

---

Reliably get the terminal window size - cross-platform

cli-app cli term terminal size console window width height columns rows lines tty redirected

widest-line - Get the visual width of the widest line in a string - the number of columns required to display it

•    Javascript

---

Some Unicode characters are fullwidth and use double the normal width. ANSI escape codes are stripped and doesn't affect the width.Useful to be able to know the maximum width a string will take up in the terminal.

string str character char unicode width visual column columns fullwidth full-width full ansi escape codes cli command-line terminal console cjk chinese japanese korean fixed-width

string-width - Get the visual width of a string - the number of columns required to display it

•    Javascript

---

Some Unicode characters are fullwidth and use double the normal width. ANSI escape codes are stripped and doesn't affect the width.Useful to be able to measure the actual width of command-line output.

string str character char unicode width visual column columns fullwidth full-width full ansi escape codes cli command-line terminal console cjk chinese japanese korean fixed-width

opentype-layout - word wraps and lays out Opentype.js glyphs

•    Javascript

---

Experimental word-wrapping and layout for Opentype.js.Best used with npm and browserify. This should also work in Node.js and other environments.

opentype layout word wrap wordwrap wrapping words css text line height width metrics compute

wcwidth - Port of C's wcwidth() and wcswidth()

•    Javascript

---

wcwidth is a simple JavaScript port of wcwidth implemented in C by Markus Kuhn.wcwidth() and its string version, wcswidth() are defined by IEEE Std 1002.1-2001, a.k.a. POSIX.1-2001, and return the number of columns used to represent the given wide character and string.

wide-character wc wide-character-string wcs terminal width wcwidth wcswidth

postcss-size - PostCSS plugin for size shortcut

•    Javascript

---

PostCSS plugin for size shortcut to set width and height properties.See PostCSS docs for examples for your environment.

postcss css postcss-plugin size width height

is-fullwidth-code-point - Check if the character represented by a given Unicode code point is fullwidth

•    Javascript

---

Check if the character represented by a given Unicode code point is fullwidth

fullwidth full-width full width unicode character char string str codepoint code point is detect check

cli-truncate - Truncate a string to a specific width in the terminal

•    Javascript

---

Gracefully handles ANSI escapes. Like a string styled with chalk. It also supports Unicode surrogate pairs and fullwidth characters.Text to truncate.

truncate ellipsis text limit slice cli terminal term shell width ansi

node-aspectratio - Image aspect ratio calculation utility

•    Javascript

---

Image aspect ratio utilities. Apply a fixed aspect ratio crop without distoring the image aspect ratio.

photo image height width aspect ratio resize crop

fastimage - FastImage finds the size or type of an image given its URL by fetching as little as needed

•    Javascript

---

FastImage finds the size or type of an image given its URL by fetching as little as needed. FastImage supports and has been tested on NodeJS 5.0+.

fast fastimage image size dimensions resolution width height png jpeg bmp gif psd tiff webp svg

jquery.actual - Get the actual width/height of invisible DOM elements with jQuery.

•    HTML

---

Get the actual width/height of invisible DOM elements with jQuery. jQuery has trouble finding the width/height of invisible DOM elements. With element or its parent element has css property 'display' set to 'none'. $('.hidden').width(); will return 0 instead of the actual width; This plugin simply fix it.

width height hidden-element-width hidden-element-height actual

center-align - Center-align the text in a string.

•    Javascript

---

Center-align the text in a string. If expected width is not provided, the length of the longest line will be used.

align string center text width align-center center-align right right-align typography

window-size - Reliable way to to get the height and width of the terminal/console in a node

•    Javascript

---

Reliable way to get the height and width of terminal/console, since it's not calculated or updated the same way on all platforms, environments and node.js versions. The main export is either an object with width and height properties, or undefined if unable to get width and height.

window console terminal width height size cli command-line term-size term iterm yargs optimist columns darwin lines redirected resize rows tty unix win

word-wrap - Wrap words to a specified length.

•    Javascript

---

Wrap words to a specified length. The width of the text before wrapping to a new line.

cli text wrap console terminal words width command-line break carriage line new-line newline return soft word word-wrap