widowtamer.js | Responsive Web Design

widowtamer.js

The widow tamer was created to provide you with more control over the layout of your content across many devices.

It is a non jquery based javascript plugin that will automatically fix typographic widows on your web pages. It is designed to work with responsive sites, fixing widows as it finds them on resize or orientation change.

What is a Widow?

If you don’t know what they are don’t be alarmed, for a few months I thought it was a Window Tamer.

Widows are left over characters at the end of a paragraph. If the last line of a paragraph contains less than 14 characters (for example), it is said to have a widow. Widows are disruptive to both text layouts and reading experiences. Therefore, we must tame them.

Here’s the very first introduction from the creator:

Code Example

Due to the nature of this plugin it will activate only when required, so you may need to resize this page to see the effects in the code pen below, or open it up and view it on it’s own.

Check out this Pen!

  • Resource Name

    widowtamer.js

  • Resource Creator

    Nathan Ford

Description

Automatically fix typographic widows on your web pages. It is designed to work with responsive sites, fixing widows as it finds them on resize or orientation change.

View on Github Download Resource

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.