Picturefill, a responsive Image Polyfill

Tools

The picture element and associated features are W3C standard HTML features that allow web developers to deliver an appropriate image to every user depending on a variety of conditions like screen size, viewport size, screen resolution, and more. Picturefill is a JavaScript file (or a polyfill to be more specific) that enables support for the…

Mapbox, design the Map your Pins deserve!

Tools

Mapbox is an open source mapping platform for developers and designers at enterprise scale, their open source APIs and SDKs let you quickly style and add custom maps to your application. Quickly create beautiful interactive maps and data visualizations using our open source design studio, TileMill, and one-click publish directly Mapbox.com to share with the…

Iconion, an awesome image icon creator

Tools

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…

ElementCSS, simple online Style Guides

Tools

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…

Sublimall: one Sublime Text, all your devices

Tools

Sublimall is the way to sync and save your Sublime Text configuration everywhere. Just create an account, install the plugin and that’s all. Sublimall is an opensource, server and plugin. It allows you to encrypt your package in order to increase your privacy. Server side can’t read your configuration because its encrypted locally by your…

Iconizr, from SVG drawings to a CSS icon kit

Tools

Iconizr is a free, PHP based command line tool for processing SVG files to CSS icon kits, catering for the full range of devices and clients out there. It creates SVG and PNG fallback icon sprites, their data URI counterparts and the matching CSS and Sass code. It optimizes both SVG and PNG files in…

Type Rendering Mix

Tools

Type Rendering Mix is useful in many situations, especially when it comes to “thin” font weight in OS X. Due to the way the Core Text rasterizer works, fonts will look heavier on OS X and iOS than on other platforms. Designers often attempt to create consistent font rendering by applying -webkit-font-smoothing: antialiased and -moz-osx-font-smoothing:…