{"id":2488,"date":"2016-06-13T18:34:34","date_gmt":"2016-06-13T23:34:34","guid":{"rendered":"http:\/\/www.ragesw.com\/blog\/?p=2488"},"modified":"2019-05-30T07:52:24","modified_gmt":"2019-05-30T12:52:24","slug":"justified-text-in-everweb-yes-you-can","status":"publish","type":"post","link":"https:\/\/www.ragesw.com\/blog\/2016\/06\/13\/justified-text-in-everweb-yes-you-can\/","title":{"rendered":"Justified Text in EverWeb? Yes You Can!"},"content":{"rendered":"<p>2019 UPDATE:<a href=\"https:\/\/iwebunlimited.com\/everweb\/how-to-justify-text-in-everweb-without-any-widgets\/\" target=\"_blank\" rel=\"noopener noreferrer\"> Easily justify text without widgets in EverWeb 2.9<\/a>.<\/p>\n<h3>Original EverWeb Justified Text Post<\/h3>\n<p>Justified text is used extensively in printed books and newspapers as it&#8217;s flush left and right margins give\u00a0content a clean, well ordered appearance.\u00a0Broadsheet newspapers traditionally used this style of alignment to place as much text content within a \u00a0limited amount of\u00a0page space. Many print edition newspapers today mix justified and left aligned text for both styling and readability reasons.<\/p>\n<p>Printed books and academia also use justified text, printed books for much the same reasons as newspapers. \u00a0Academic works tend to use\u00a0justified text where annotations or corrections need to be applied to text. Often specific rules about content layout are required, e.g. university dissertations often require justified text with double line spacing as it&#8217;s easier for assessors to annotate and mark the content this way.<\/p>\n<h2>The Problems With Justified Text<\/h2>\n<p>In the Internet Age there&#8217;s often argument that\u00a0justified text has no place in the digital media and with good reason. Whilst it looks neat and tidy in print, on screen it can result in\u00a0large gaps between words (see the screenshot below for an example of this.) These gaps can form &#8216;rivers&#8217; of white space flowing down a column of justified text making distracting the reader and at worse making the text just difficult. There&#8217;s also a tendency for the\u00a0right margin to be &#8216;over hyphenated&#8217; to accommodate words having to be split from one line to the next to accommodate the justified text look. Again this can result in\u00a0readability issues.<\/p>\n<p>Studies indicate that justified text slows reading speed as the eye tends to track words and lines better when the right margin (in the Western World) is ragged rather than justified. Those who have reading disabilities also have more problems with justified text than with left aligned, ragged right text.<\/p>\n<div id=\"attachment_2492\" style=\"width: 775px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2016\/06\/justified.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-2492\" class=\"wp-image-2492\" src=\"http:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2016\/06\/justified.png\" alt=\"Justified Text Example\" width=\"765\" height=\"615\" srcset=\"https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2016\/06\/justified.png 1564w, https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2016\/06\/justified-300x241.png 300w, https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2016\/06\/justified-768x618.png 768w, https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2016\/06\/justified-1024x824.png 1024w\" sizes=\"auto, (max-width: 765px) 100vw, 765px\" \/><\/a><p id=\"caption-attachment-2492\" class=\"wp-caption-text\">Comparison of left, centered, right and justified text. As can be seen, the justified text tends to result in large gaps between words creating rivers of white space in the column on the right.<\/p><\/div>\n<h2>Justified Text in The Digital World<\/h2>\n<p>Printed text solves\u00a0the problems inherent with justified text through subtle changes of font size, spacing and other styling attributes to make text visually appealing. In the digital world, the tools available are generally not sophisticated\u00a0enough to make justified text look as\u00a0appealing as printed text. As such, in most cases text manipulation is the digital world\u00a0is limited in scope which is where the typesetters eye is an advantage.\u00a0HTML 5 and CSS offer limited support for justified text\u00a0basically for the same reasons. As EverWeb complies with the standards set for\u00a0HTML5 it therefore includes left aligned, right aligned and centered text options but not justified text.<\/p>\n<p>Lastly, the Internet has expanded our concept of what a page is. When designing a website you have an unlimited &#8220;canvas&#8221; to use. Pages have no limits. As such, some of the original reasons for using justified text are no longer necessary. You don\u2019t need to cram content any more in to limited space.<\/p>\n<h2>When to Use Justified Text<\/h2>\n<p>Even with all of the problems, justified text can\u00a0create\u00a0a neat and organized appearance to text and <em>IS<\/em> a great way to highlight particular areas of text. To create your own justified text in EverWeb just\u00a0download the free Justified Text widget from EverWeb\u2019s <a href=\"http:\/\/www.everwebapp.com\/resources\/addons\/index.html\">Third Party Add-Ons<\/a> section or directly from <a href=\"http:\/\/www.allaboutiweb.com\/2014\/04\/justified-text-in-everweb-free-widget\/\">AllAboutiWeb.com<\/a>.<\/p>\n<h2>Installing and Using the Justified Text Widget<\/h2>\n<p>The AllAboutiWeb website explains how to download and install the Widget. Once installed you will see a\u00a0message that the widget has been installed. When you launch EverWeb, you will see it in the Widgets Tab.<\/p>\n<p>The widget works in the same way as all of EverWeb\u2019s widgets, just drag and drop it to where you want it on the page. The Justified Text Widget lets you create up to three paragraphs. If you need more paragraphs just drag and drop another Justified Text Widget on to the page! You can style the text using the Fonts Panel to create the effect you want.<\/p>\n<p>The Justified Text Widget from <a href=\"http:\/\/allaboutiweb.com\">AllAboutiWeb.com<\/a>\u00a0gives you\u00a0extra flexibility in your website design. Whilst it can give your web page a neat and tidy look,\u00a0always remember to prioritize the readability of your website&#8217;s text content over\u00a0it&#8217;s\u00a0aesthetics.<\/p>\n<p>What do you think of justified text? Does it have a place in website design today? Let us know your thoughts below!<\/p>\n<p><!--codes_iframe--><!--\/codes_iframe--><\/p>\n","protected":false},"excerpt":{"rendered":"<p>2019 UPDATE: Easily justify text without widgets in EverWeb 2.9. Original EverWeb Justified Text Post Justified text is used extensively in printed books and newspapers as it&#8217;s flush left and right margins give\u00a0content a clean, well ordered appearance.\u00a0Broadsheet newspapers traditionally used this style of alignment to place as much text content within a \u00a0limited amount [&hellip;]<\/p>\n","protected":false},"author":844,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[247,252,12],"tags":[279,307,308],"class_list":["post-2488","post","type-post","status-publish","format-standard","hentry","category-everweb","category-everweb-software","category-third-party-software","tag-everweb","tag-justified-text","tag-third-party-widget"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/2488","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/users\/844"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/comments?post=2488"}],"version-history":[{"count":9,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/2488\/revisions"}],"predecessor-version":[{"id":4599,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/2488\/revisions\/4599"}],"wp:attachment":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/media?parent=2488"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/categories?post=2488"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/tags?post=2488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}