jQuery Responsivetext
a responsive text plugin
jQuery Responsivetext is a plugin that replaces text (and markup) inside nodes depending on the browser window size.
Usage
<h3> Some very long text that will be replaced on smaller browser sizes <span class="responsive-text"> <span data-for="ipad">Text for iPad</span> <span data-for="iphone">Text for iPhone</span> <span data-for="bigscreen">Text can also <strong>contain markup</strong></span> </span> </h3>
$.responsiveText('start', { selector: '.responsive-text', sizes: { 'ipad': [1024, 481], 'iphone': [480, 320], 'bigscreen': [Number.POSITIVE_INFINITY, 1280] }, delay: 300 });
.responsive-text { display: none; speak: none; }