Day 92/100 Text Readability

riocantre

Rio Cantre

Posted on December 16, 2021

Day 92/100 Text Readability

Improving the readability of an article would make the user's interest to keep reading and encourage to spend longer time to value the contents and establish a sense of empowerment to deliver the emotions and facts about the motivations of creativity.

banner

Adjust whitespace within the text:

Line Spacing

  • Line spacing, also known as Leading, refers to the distance between two lines of text. Adjusting this value has a huge impact on the legibility of your site.

Tracking

  • Similar to kerning, a way to make your text more readable is to adjust the tracking of the letters. Tracking is the space between the letters and the words. If you have too little tracking, the words will appear cramped, so by increasing tracking slightly, you make your text significantly more legible.

Kerning

  • Kerning is the space between two letters in the text. You typically will not need to worry about kerning because a well-designed typeface already has optimal kerning built in. It is most important when you want to adjust the kerning in a title or header to achieve the design you want.

Code Snippets

var num = 99;

while (num >=1) {
// Last iteration. Note occurances of bottle, bottle, bottleS
if (num === 1) {
   console.log(num + " bottle of juice on the wall! "
            + num + " bottle of juice! Take one down, pass it around... " + (num-1) + " bottles of juice on the wall!");
}
// Second-last iteration. Note occurances of bottleS, bottleS, bottle
else if (num === 2){
         console.log(num + " bottles of juice on the wall! "
         + num + " bottles of juice! Take one down, pass it around... " + (num-1) + " bottle of juice on the wall!");
}
// All other iterations. Note occurances of bottleS, bottleS, bottleS
else {
     console.log(num + " bottles of juice on the wall! "
     + num + " bottles of juice! Take one down, pass it around... " + (num-1) + " bottles of juice on the wall!");
}

num = num - 1;
Enter fullscreen mode Exit fullscreen mode

Summary

I didn't realize having this challenge made me spontaneous in making plans. I started to realize that even if I'm submitting short useful blogs, somehow the most important thing is that I'm learning something.

resource

💖 💪 🙅 🚩
riocantre
Rio Cantre

Posted on December 16, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Day 95/100 The Internet
100daysofcode Day 95/100 The Internet

December 19, 2021

Day 94/100 Secondary Navigation
100daysofcode Day 94/100 Secondary Navigation

December 18, 2021

Day 93/100 Web Design
100daysofcode Day 93/100 Web Design

December 17, 2021

Day 92/100 Text Readability
100daysofcode Day 92/100 Text Readability

December 16, 2021

Day 91/100 Color for UI
100daysofcode Day 91/100 Color for UI

December 15, 2021