5 Tools for Responsive Web Design

Here are 5 tools we make use of in our responsive web design projects that you may not have heard of...

There are lots of tools and libraries available that make claim to enhance web design projects and processes. We’ve put together a list of several responsive web design tools that we feel aren’t as popular as they should be!

Here’s the list:

Icomoon

Icomoon is an online tool used for deploying icon fonts. This can be useful in responsive web design when considering screen resolutions, particularly retina screens. Using a font in this way creates a resolution-independent method for displaying icons via CSS. Using Icomoon, you’re able to upload your own custom icons or, alternatively, choose from their library of pre-made icons.

SocialCount

Lazy loading can help keep page weights to a minimum which is important when considering mobile networks and page load speed. SocialCount is a jQuery plugin that addresses the problem of social sharing widgets on mobile by providing lazy loaded, mobile-friendly social widgets.

IE-Friendly Mobile First CSS

Internet Explorer (IE) is a pain for developers. Early versions of the browser are extremely limited and restrictive to work with. Here are some Sass nuggets to help work around the problem of media queries on IE by simultaneously generating separate, appropriate stylesheets.

Mobitest

Mobitest is a free mobile performance testing tool. By simply entering a URL the tool is able to provide a host of mobile related stats to help optimise mobile performance.

Browsersync

Testing across multiple browsers and devices is essential when it comes to responsive web design. However, the process is incredibly time consuming. Browsersync is a tool designed to speed this up by cutting out repetitive tasks with an array of features.

 

Want more?