Nataly Birch December 20th, 2016

Helpful Tools – November Edition

The daily routine is an aspect that occurs in any workflow. Whether you are involved in a project where you can let your imagination run wild or an essential blog creation that feels awfully familiar, there will be steps that you will be doing all over again, like creating a table, adding animation, taking care of IE fallbacks, etc. It may seem that there is no way out of this. However, with some magic tools, it does not look that bad, and a dull routine can take a bit of a pleasant turn. Bearing this in mind, we have compiled a list of 10 helpful tools for web developers. Take a look at it, and maybe you will manage to find an instrument that will brighten up your daily tasks as well as save some precious time for you.  

HTML Table Generator

The HTML Table Generator allows building standard tables using div or table tags. The handy feature is an interactive preview. div-table Creator: divtable License: Declared as Free, no proper license given.


Hammer is intended to solve two main issues: adding support for gestures and minimizing the delay from clicks hammer Creator: Team of Volunteer Contributors License: Declared as Free, no proper license given.


Not only is this JavaScript-powered animation engine aimed to create fancy dynamic effects, but it also boasts of top performance, fast code execution, and fallback options. kute Creator: thednp License: MIT License.

Bless CSS

The tagline of Bless CSS speaks for itself. From the first seconds, it becomes clear that this plugin is eager to provide viable solutions for IE support bless Creator: Paul Young License: See License file.

Patterns Lib

The Patterns library comprises reusable interaction patterns that can be applied to the project simply with the help of CSS classes and HTML attributes. patterns Creator: patternslib License: Declared as Free, no proper license given.


The service makes your style sheet as small as possible, putting your files through various focused optimization algorithms. The latter includes removing old vendor prefixes, converting color values, etc. cssnano Creator: ben-eb License: MIT License.


Egjs is a bundle of different UI interactions and eye-pleasing effects that were carefully assembled into one library. It covers eight standard components starting from basic utilities and ending with infinite grid element. egjs Creator: Naver Corp License: Declared as Free, no proper license given.

Universal Collection of Transitions

This is an open source collection of GLSL transitions that take image effects to the next level glsl Creator: Glslio License: Declared as Free, no proper license given.

Sprite Spirit

If you need to inject some life into your images, then this instrument was created specifically for you. It generates an animation from a series of sprites providing you with a clean and neat CSS Mixin sprite-spirit Creator: Elior Shalev Tabeka License: Declared as Free, no proper license given.

Bootstrap 4 Cheat Sheet

Bootstrap 4 is available in alpha version. If you are going to download and use it, then this cheat sheet will give you a head start. bootstrap4-cheat-sheet Creator: Bootstrap Creative License: Declared as Free, no proper license given.

Nataly Birch

Nataly is an internet entrepreneur and an amateur web designer and developer from Sevastopol, Ukraine. She is running a blog for web designers and developers where you can find some inspirational and useful stuff. In her spare time she reads books, unveils the secrets of the world and plays volleyball. Visit her blog or follow her on twitter


  1. I read this content and this was really awesome.You provided a very great article.I hope this information may change my business carrier.I can remember these things whenever taking the decision. The blog is very informative.

  2. The image sprites animation is good. we use to use the plugin to spirtes the images with css before in blogs – few years ago.

Leave a Reply

Your email address will not be published. Required fields are marked *