A super-simple bookmarklet for designers that finally puts you back in control of your website’s typography.
Here’s how it works: Add the bookmarklet to your browser and activate it while at your page. Then just click and drag to adjust your kerning, line-height, letter placement and more to your heart’s content! When you’re done, copy the generated CSS and use it in your own stylesheet, right there alongside Lettering.js.
Reading is one of the most basic things we do on the web. CSS gives us control over font-size and line-height but we don’t have a good way to control the measure. Until now.
Responsive Measure is a simple script that allows you to pass in a selector (ideally the container where your primary content will go) which generates the ideal font size needed to produce the ideal measure for your text.
TextFX is a jQuery text animation tool for animating a single line of text. It is built for easy usage, but also lends itself nicely to more advanced coders with it’s flexible script. TextFX uses jQuery version 1.7.1
Features:
trunk8 is a text truncation extension to jQuery. When applied to a large block of text, trunk8 will cut off just enough text to prevent it from spilling over.
Unlike conventional truncation that just limits the character length of text, trunk8 measures the content area for spill-over and intelligently chooses the text that best fits in the given space.
Simply place some text in the title attribute and give the image class=”captionme” and you will get lovely “wrap-around” captions which compliment your inline images. Simply play around with the css and caption background image to customise as you wish. Those with javascript turned off simply see the image as normal, sans-caption.
Creates dynamic bits of HTML to add some zest to your content.Dynamo is the simple way to add a new dimension to your site content. Cycle through various bits of text to add subtle variations to your work, or to draw attention to portions of your webpage.
dynamo.js takes any portion of text and allows you to cycle through different content. Use it to add subtle effects to your webpage, or to make a particular section pop.
At its simplest, the BigText jQuery plugin takes a single element and sizes the text inside of its childs to fit the width of the parent element. Gives the text that lovely vertical alignment.The plugin itself is more than just a simple font-size incrementer. I wasn’t happy with the performance of simply iterating through font sizes with a single fixed interval. I decided it would be better to test multiple decreasing intervals. For each line, it increments first by 16em until it detects a line break, backs off an interval then increments by 8em. It continues with 4em, 2em, 1em, 0.1em, until it finds the correct font-size to the nearest hundredth of an em.
