markup.tips
/web/tips/

Page Description Published On
 Silence Your CSS Footprint With Sass Silent… Efficiently group your common styles together to reduce your CSS footprint in this Thinkful project..
 Sticking Components above the Fold Get stuck riding the bleeding edge with this unstable CSS3 feature
 Creating an Accessible to-do list powered by… Enhance a simple to–do list with React.js
 Adopting Orphans with   Up your typography game with the use of this single HTML entity
 Making your Markup Speak Using speakable.jquery.js you too can make your markup talk
 Loading Modernizr from a CDN Get the best of both worlds by loading Modernizr from a CDN near you
 Creating an Accessible Settings Table Create an accessible settings table using HTML5, CSS3, and a sprinkle of jQuery


Adopting Orphans with  

In the modern age of responsive devices and layouts our typography skills can get away from us. Even the most professionally designed websites can struggle with orphaned words. Luckily for us, things don't have to be that way. Just end your paragraphs using a entity between the last two words like this:


End your paragraphs using an entity between the last two words like this.

So cheers to the entity for allowing us to glue words together. If you are using Redactor for MODX we have a handy redactor.norphan Setting that will reduce orphans using this technique. The norphan plugin can be found on Github so it can be used standalone with Imperavi's Redactor.js.

Disqus This