Frankie Roberto – Responsive Text

Some web­sites now con­tain ‘respon­sive images’. These scale (or crop) depend­ing upon your screen’s view­ing area, so the image sizes remain appro­pri­ate whether you’re look­ing at the web­site on a mobile phone, or on a huge flat screen monitor.

This is an exam­ple of respon­sive text.

The amount of tex­tual detail scales rel­a­tive to your screen size.

The effect is achieved using sim­ple HTML class names and CSS media queries which show or hide the con­tent depend­ing upon the cur­rent screen width.

via Frankie Roberto – Respon­sive Text. In agree­ment, nifty idea, but defi­antly unsure of the prac­ti­cal application.

Web Developer, constant student, backpacker and hater of the Oxford comma.

Tagged with: , , , , ,
Posted in Design, Programming, Quick Posts, Software Code, User Experience, Web Design
Short Link:


Sub­scribe to this site via RSS | Twit­ter |

Fol­low me on Twit­ter | GitHub

  • No bookmarks avaliable.