Font-To-Width, fit pieces of text snugly within their containers

JS/jQuery
Excerpt

Font‑To‑Width (FTW!) is a small Javascript routine by Nick Sherman and Chris Lewis that takes advantage of large type families to fit text to the width of an element using multiple font families of different widths. Unlike other text-fitting tools like FitText.js, Font‑To‑Width does not scale the font-size (at least not by default). Instead, it chooses…

PhpStorm 8 EAP, finally Support for WordPress!

WordPress
Excerpt

PhpStorm 8 EAP is a new version of the popular IDE that many developers depend on to code more efficiently, debug applications, and run unit tests with integrated version control and command-line tools. This new version has added official support for WordPress, .. adding some WordPress-specific development features. Please refer to a full tutorial on…

Glyphter, The SVG Font Machine

Font/Icon
Excerpt

Useful for creating fonts from SVGs. Drag & Drop SVG documents onto the character grid and make your own custom fonts and download your spiffy new font. Supports multiple paths/shapes and even has an editor to make changes to your SVGs when uploaded. Create icon fonts in seconds! Cherry on top – IT’S FREE!

Iconion, an awesome image icon creator

Tool
Excerpt

Icon fonts are an exciting method that gives web designers the scalability, flexibility, and performance to manipulate the icons. But what if you need to use these icons in a desktop or mobile application? Or create a website favicon or multi-colored icon? The only answer is old-fashioned image icons in png or ico format. Iconion…

Glyphr Studio, a free HTML5 based font editor

Font/Icon
Excerpt

Font design has a high barrier of entry. Professional font design programs are very complex, and quite expensive. Glyphr Studio is accessible, streamlined, and made for font design hobbyists… and it’s free! Glyphr Studio simplifies the font design process, but still gives you the tools you need: Editing Tools Linked Shapes Test Drive One HTML…

ElementCSS, simple online Style Guides

Tool
Excerpt

ElementCSS is the easiest way for designers, clients and front-end developers to create, edit and view website style guides in the medium they’re intended for — the browser. Here are some great features: Create powerful, easy-to-use style guides online for fast signoff and greater brand consistency. When your style guide is complete, download a custom…