Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions, a couple of the great features of Pushy include a smooth performance on mobile devices and a jQuery animation fallback for IE 7…
Aesop Story Engine – Storytelling for WordPress
ASE is an open-sourced suite of tools that empowers developers to build feature-rich, interactive, long-form storytelling for WordPress. At the heart of ASE are 12 components designed for rich storytelling experiences. The components can be…
Type Scale – A Visual Type Scale Calculator
Type Scale is a tool that you can use to find the perfect font scaling for your website. You can set the base font size, the scaling method, the preview text, the font family, and…
Fira Sans – Firefox OS Typeface [Free]
Designed to integrate with the character of the OS, the Fira Sans typeface also aims to cover the legibility needs for a large range of handsets varying in screen quality and rendering. When working with…
A Pocket Guide to Master Every Day’s Typographic Adventures
Typography is the craft of arranging type with the goal to make language visible. We’re arranging type multiple times throughout the day; whether it be writing essays, summarizing meeting minutes or creating slides for a…
Web Font Loader [fonts via @font-face]
Web Font Loader gives you added control when using linked fonts via @font-face. It provides a common interface to loading fonts regardless of the source, then adds a standard set of events you may use…
Unify – Check unicode support for browsers & device
Web pages authored using hypertext markup language (HTML) may contain multilingual text represented with the Unicode universal character set. The relationship between Unicode and HTML tends to be a difficult topic for many computer professionals,…
Developer API for TinyPNG
Hook up your server to TinyPNG and compress all your images on the fly. The API for TinyPNG uses the same compression engine that powers the web service so you can expect exactly the same results.…
Optimizing User Experience with Responsive Web Design
This is a great presentation about Responsive Web Design explaining the best way is to use a mobile-first perspective when designing responsive and giving your reader the best user experience on multiple devices. Designing for…
Interesting Approach to Responsive Images
A very interesting way to code your responsive images by Peter van Grieken, and it's pretty straightforward actually! You'll need 2 images (a smaller image for the smaller screen sizes, and of course a big…