Editing 1676: Full-Width Justification

Jump to: navigation, search

Warning: You are not logged in. Your IP address will be publicly visible if you make any edits. If you log in or create an account, your edits will be attributed to your username, along with other benefits.

The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then save the changes below to finish undoing the edit.
Latest revision Your text
Line 14: Line 14:
 
"'''Giving up'''" essentially means not attempting full justification for a particular line, which means it will not fit with the rest of the layout.
 
"'''Giving up'''" essentially means not attempting full justification for a particular line, which means it will not fit with the rest of the layout.
  
"'''Letter spacing'''" involves an conspicuously large amount of whitespace between letters, sometimes suggesting a reading where each letter is a word until the reader recognizes what is intended. This method is in somewhat common use in newspaper and magazine layout, where it is generally known by the name "tracking" (distance between all letters) and "kerning" (distance between particular pairs of letters that fit together easily). However, letter spacing is unavailable for justification purposes in some languages (such as German), in which it is used for emphasis, as italics are in English.
+
"'''Letter spacing'''" involves an conspicuously large amount of whitespace between letters, suggesting a reading where each letter is a word until the reader recognizes what is intended. This method is in somewhat common use in newspaper and magazine layout, where it is generally known by the name "tracking" (distance between all letters) and "kerning" (distance between particular pairs of letters that fit together easily). However, letter spacing is unavailable for justification purposes in some languages (such as German), in which it is used for emphasis, as italics are in English.
  
"'''Hyphenation'''" can be confusing because it requires suspended recognition of the full word, confusing the eye into seeing, in the given case, the non-words "deindus" and "trialization". This creates difficulty in both pronouncing and parsing the word. Moreover, the decision of when and where to hyphenate is non-trivial, particularly for automated text layout; for example, breaking a word and leaving only two "orphaned" letters on the following line is generally considered an illegal hyphenation. Nevertheless, hyphenation is a very common means of handling extreme cases. The hyphenation option is most compact, yielding the extra word "ecological".
+
"'''Hyphenation'''" is confusing because it requires suspended recognition of the full word, confusing the eye into seeing, in the given case, the non-words "deindus" and "trialization". This creates difficulty in both pronouncing and parsing the word. Moreover, the decision of when and where to hyphenate is non-trivial, particularly for automated text layout; for example, breaking a word and leaving only two "orphaned" letters on the following line is generally considered an illegal hyphenation. Nevertheless, hyphenation is a very common means of handling extreme cases.
  
"'''Stretching'''", in which individual letters are displayed as wider than usual so that a word will take up more space, appears visually unnatural and unfamiliar, and may present technical difficulties in rendering.
+
"'''Stretching'''" appears visually unnatural and unfamiliar, and may present technical difficulties in rendering.
  
 
Adding "'''filler'''" words is generally undesirable: in the worst case, the meaning may be unintentionally altered, or the tone might be rendered too informal, as in the given example, and even in the best case, the text becomes less concise and potentially more difficult to read. Automation is also difficult. However, filler words added by a human, especially the original author of the text, are the least visually conspicuous, and may be the most practical solution in some scenarios.
 
Adding "'''filler'''" words is generally undesirable: in the worst case, the meaning may be unintentionally altered, or the tone might be rendered too informal, as in the given example, and even in the best case, the text becomes less concise and potentially more difficult to read. Automation is also difficult. However, filler words added by a human, especially the original author of the text, are the least visually conspicuous, and may be the most practical solution in some scenarios.
  
Finally, adding a decorative image like "'''snakes'''" (but not necessarily snakes in particular) to fill the extra space is a justification practice of significant historical interest (it was particularly common for illuminated manuscripts in the medieval era and remained prominent until the invention of the printing press) but little modern relevance. There may be a particular absurdity to using a snake as it can be read as a word, such as "the relationship between snake deindustrialization" as would be done similar to a {{w|rebus}}.
+
Finally, adding a decorative image like "'''snakes'''" (but not necessarily snakes in particular) to fill the extra spaaace is a justification practice of significant historical interest (it was particularly common for illuminated manuscripts in the medieval era and remained prominent until the invention of the printing press) but little modern relevance. There may be a particular absurdity to using a snake as it can be read as a word, such as "the relationship between snake deindustrialization" as would be done similar to a {{w|rebus}}.
  
 
In modern text layout programs, some combination of the above strategies may be used to achieve the most visually consistent effect. For example, in one case, hyphenation might be the best option to split a very long word, while another line might be too long by only one or two letters, in which case the program could apply a very slight degree of extra letter spacing, too small for the average reader to notice.
 
In modern text layout programs, some combination of the above strategies may be used to achieve the most visually consistent effect. For example, in one case, hyphenation might be the best option to split a very long word, while another line might be too long by only one or two letters, in which case the program could apply a very slight degree of extra letter spacing, too small for the average reader to notice.
Line 40: Line 40:
 
**An {{w|emoji}} snake.
 
**An {{w|emoji}} snake.
  
One of the hieroglyphs ([https://codepoints.net/U+13192 U+13192 EGYPTIAN HIEROGLYPH I009A]) is described in [https://mjn.host.cs.st-andrews.ac.uk/egyptian/unicode/tablemain.html source documents] as HORNED VIPER CRAWLING OUT OF ENCLOSURE, so it is literally a snake-building character. 𓆒 This is the character in question.
+
One of the hieroglyphs ([https://codepoints.net/U+13192 U+13192 EGYPTIAN HIEROGLYPH I009A]) is described in [https://mjn.host.cs.st-andrews.ac.uk/egyptian/unicode/tablemain.html source documents] as HORNED VIPER CRAWLING OUT OF ENCLOSURE, so it is literally a snake-building character.
  
 
+
"Non-breaking" in the title text refers to a similar process as zero-width joiners and no-break HTML and CSS; the whole snake would shift down if it were too wide to fit on a given line. This suggestion would likely be rejected; the Unicode consortium is very specific about which characters are added{{Citation needed}}, and always require a good reason{{Citation needed}} before adding a character or set of characters to the standard. Strange decisions by the consortium have previously been referenced in [[1253: Exoplanet Names]], [[1513: Code Quality]], and [[1525: Emojic 8 Ball]].
"Non-breaking" in the title text refers to a similar process as zero-width joiners and no-break HTML and CSS; the whole snake would shift down if it were too wide to fit on a given line. This suggestion would likely be rejected; the Unicode consortium is very specific about which characters are added,{{Citation needed}} and always require a good reason{{Citation needed}} before adding a character or set of characters to the standard. Strange decisions by the consortium have previously been referenced in [[1253: Exoplanet Names]], [[1513: Code Quality]], and [[1525: Emojic 8 Ball]].
 
  
 
Within an hour or two of this comic being published, a thread on the subject started on the Unicode Consortium’s official Unicode Mailing List. As of two days later, it’s still running.
 
Within an hour or two of this comic being published, a thread on the subject started on the Unicode Consortium’s official Unicode Mailing List. As of two days later, it’s still running.
  
 
==Transcript==
 
==Transcript==
Strategies for full-width justification
+
:Strategies for full-width justification
 
 
[Below the caption is a column with six boxes, each showing a different "strategy" for justification which is annotated beside it. Here the annotation is written at the top and the text below. The top and bottom of the text is cut of in the middle, but as it can be "read" this is written anyway. Only for hyphenation does an extra word appear at the end. In the last with snakes, a snake is drawn to cover the entire space from the end of between to the right border.]
 
  
<dl><!-- Note: the CSS is set important and directly on the <dd> to avoid being upset by any current or future stylesheet. If the text is rendered "plain" it still should look about right -->
+
:[Below the caption is a column with six boxes, each showing a different "strategy" for justification which is annotated beside it. Here the annotation is written at the top and the text below. The top and bottom of the text is cut of in the middle, but as it can be "read" this is written anyway. Only for hyphenation does an extra word appear at the end. In the last with snakes, a snake is drawn to cover the entire spaaace from the end of between to the right border.]
<dt>Giving up</dt>
 
<dd style="text-align:justify!important;text-justify:inter-word!important;width:10.5em">their famous paper
 
<span style="white-space:nowrap">on the relationship</span>
 
between
 
deindustrialization
 
and the growth of</dd>
 
  
<dt>Letter spacing</dt>
+
:Giving up
<dd style="text-align:justify!important;text-justify:inter-word!important;width:10.5em">their famous paper
+
::their famous paper
<span style="white-space:nowrap">on the relationship</span>
+
::on the relationship
<span style="white-space:nowrap">b e t w e e n</span>
+
::between
deindustrialization
+
::deindustrialization
and the growth of</dd>
+
::and the growth of
  
<dt>Hyphenation</dt>
+
:Letter spacing
<dd style="text-align:justify!important;text-justify:inter-word!important;width:10.5em">their famous paper
+
::their famous paper
<span style="white-space:nowrap">on the relationship</span>
+
::on the relationship
<span style="white-space:nowrap">between deindus-</span>
+
::b &nbsp;e &nbsp; t &nbsp; w &nbsp; e&nbsp; e &nbsp; n
trialization and the growth of ecological</dd>
+
::deindustrialization
 +
::and the growth of
  
<dt>Stretching</dt>
+
:Hyphenation
<dd style="text-align:justify!important;text-justify:inter-word!important;width:10.5em">their famous paper
+
::their famous paper
<span style="white-space:nowrap">on the relationship</span>
+
::on the relationship
<span style="transform:scaleX(2.4) translateX(28%);;display:inline-block">between</span>
+
::between deindus-
deindustrialization
+
::trialization and the
and the growth of</dd>
+
::growth of ecological
  
<dt>Filler</dt>
+
:Stretching
<dd style="text-align:justify!important;text-justify:inter-word!important;width:10.5em">their famous paper
+
::their famous paper
<span style="white-space:nowrap">on the relationship</span>
+
::on the relationship
between crap like
+
::<big><big><big>between</big></big></big>
deindustrialization
+
::deindustrialization
and the growth of</dd>
+
::and the growth of
  
<dt>Snakes</dt>
+
:Filler
<dd>their famous paper<br>
+
::their famous paper
on the relationship<br>
+
::on the relationship
between 🐍 [a snake filling the gap]<br>
+
::between crap like
deindustrialization<br>
+
::deindustrialization
and the growth of</dd>
+
::and the growth of
  
</dl>
+
:Snakes
 +
::their famous paper
 +
::on the relationship
 +
::between 🐍 [a snake filling the gap]
 +
::deindustrialization
 +
::and the growth of
  
 
==Trivia==
 
==Trivia==

Please note that all contributions to explain xkcd may be edited, altered, or removed by other contributors. If you do not want your writing to be edited mercilessly, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource (see explain xkcd:Copyrights for details). Do not submit copyrighted work without permission!

To protect the wiki against automated edit spam, we kindly ask you to solve the following CAPTCHA:

Cancel | Editing help (opens in new window)