Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
121 lines (95 sloc) 1.89 KB

Rag Adjust

A bit of JavaScript to automatically fix the rag of any body of text. Where you allow your lines to break in a block of text can be very important for readability, and quite tricky within a fluid layout. With this script you can set how and where you want your lines to break, creating a much more pleasing text rag.

Setup

First, link to the script in your HTML.

…

<script src="./js/ragadjust.js" type="text/javascript"></script>

</body>
</html>

Then, in your own JavaScript, set the parameters:

…

<script src="./js/ragadjust.js" type="text/javascript"></script>
<script type="text/javascript">

    ragadjust('p, li, dd', 'all');

</script>

</body>
</html>

Parameters

There are only two parameters to set:

ragadjust(elements, method);
  • Elements – A CSS selector list of the elements you wish to modify.
  • Method – Choose which rag-adjust method you want to employ.
    • emphasis – Text of three or less words in bold or italics does not break across lines.
    • small-words – Breaks lines before words of three or less characters.
    • prepositions – Breaks lines before prepositions.
    • dashes – Breaks lines before hyphens and dashes.

Support

Rag Adjust will work in all modern browsers and IE8+.

Appendix: Prepositions matched

  • aboard
  • about
  • above
  • across
  • after
  • against
  • along
  • amid
  • among
  • anti
  • around
  • before
  • behind
  • below
  • beneath
  • beside
  • besides
  • between
  • beyond
  • concerning
  • considering
  • despite
  • down
  • during
  • except
  • excepting
  • excluding
  • following
  • from
  • inside
  • into
  • like
  • minus
  • near
  • onto
  • opposite
  • outside
  • over
  • past
  • plus
  • regarding
  • round
  • save
  • since
  • than
  • that
  • this
  • through
  • toward
  • towards
  • under
  • underneath
  • unlike
  • until
  • upon
  • versus
  • with
  • within
  • without

Suggestions, questions or concerns? nathan@artequalswork.com