jQuery dot dot dot
jQuery dot dot dot takes the current container and applies ellipsis where the design makes sense.
To incorporate it into your site you will need to have jQuery included as well as jQueryDotDotDot. You then apply a class of ellipsis to any containers you want to have this effect.
$(document).ready(function() {
$(".ellipsis").dotdotdot();
});
If your containers are going to be fluid/flexible, and of course being a responsive website they’re going to be right…., then you need to keep an eye on the fluid width as it changes and re-fire the plugin as the page is resized or a device is reorientated.
For this you need to add a watch on your script
$(document).ready(function() {
$(".ellipsis").dotdotdot({
watch: "window"
});
});