Stacks Image 476096

Squiggle Stack

improve that tedious boring dull <s> (strike) tag

The HTML <s> element is used to represent things that are no longer relevant or accurate, or to imply a change of thought. It renders text with a strikethrough, or a line through it.

Unfortunately, it does not look great in my opinion. If you agree with that, you may like the solution the Squiggle Stack offers. It removes the horizontal line and generates a wavy line scribble over your striked text to make it look much better. The actual text remains in tact, so you can still copy it and zoom it.

Demos
Here’s some text with default strikethrough:

Yeah, I like animals better than people sometimes... Especially cats dogs. Dogs are the best. Every time you come home, they act like they haven’t seen you in a month year. And the good thing about dogs... is they got different dogs for different people. Like poodles pitbulls. The dog of dogs. Pitbull can be the right man’s best friend... or the wrong man’s worst enemy. You going to give me a dog for a pet, give me a pitbull. Give me... Jonathan Raoul. Right, Omar? Give me Raoul.

This is the same text, but with the Squiggle Stack applied:

Yeah, I like animals better than people sometimes... Especially cats dogs. Dogs are the best. Every time you come home, they act like they haven’t seen you in a month year. And the good thing about dogs... is they got different dogs for different people. Like poodles pitbulls. The dog of dogs. Pitbull can be the right man’s best friend... or the wrong man’s worst enemy. You going to give me a dog for a pet, give me a pitbull. Give me... Jonathan Raoul. Right, Omar? Give me Raoul.
Usage
To set strike to a text, select it and choose Format > HTML > Strike.
You can of course also use HTML:
This text is <s>still relevant</s> no longer applicable. Unfortunately, strike is not supported with Markdown.
Select where you want to apply the squiggle:
strike inside this stack: drag any stack that can contain text (or HTML) into the dropzone of the stack.
all strike on the page: often the easiest way, although there’s a drawback in some occasions (see the last item under NB below)
strike with custom selector outside stack [advanced]: you will need to find the right selector(s). Finding the right selector is not supported.
Set the intensity, thickness and color.
Depending on the font (size) with the strike, the squiggle may be a tad too low or high. If so, use the option move up/down to correct this.

NB
All other text decoration (like underlining) will be removed from the squiggled text.
The squiggle will be behind the text, so it is advised to avoid a color for the squiggle that differs a lot from the text color.
With at least one Squiggle Stack on the page with the options all strike on the page and the color or thickness set to auto, all squiggles will have the color and thickness of the first text with strike. If that's not what you want, set the color and thickness manually.

Background

A little annoyed by the ugliness of the default strikethrough looks, I looked around for a better solution. I was really happy with vonKristoff’s Squiggle plugin, so I decided to turn it into a stack.

Limitations
When the visitor has JavaScript disabled in his browser, the default strikethrough will show.

Support
Please use this form to report all issues, questions and comments.

This stack requires the Stacks plugin by YourHead (version 3).
Squiggle HUD
© 2012-2018 Jeroen Marathia Web Design | Contact