50 amazing tools for developers 2018

46. BigPicture

JavaScript-based lightbox designed for images and video, with built-in loading indicator and captions. Supports YouTube, Vimeo, and direct HTML5 video. Includes error handling for times when a media item doesn’t load.

47. Pasition 

A path transition and animation library with a clean API using minimal JavaScript. Pasition can render your shapes to Canvas, SVG, or WebGL and has support for all SVG path commands (moveto, lineto, and so on).

48. Feather

Feather is a beautiful, simple, and extensive set of open-source icons in SVG format. Includes options for pretty much any navigation element or UI widget.

49. AmplitudeJS

A modern JavaScript HTML5 audio player that gives you total design control, plus playlist features, callback functions, events, and live stream capabilities. The examples page is worth checking out to see the player’s design and functional flexibility.

50. svgi

Command-line based SVG inspection tool that inspects the content of SVG files. Provides information about the file, the elements in the SVG and hierarchy. It can also be integrated into a project as a dependency to examine SVG in scripts.

This article appears in net magazine issue #302. Buy it now or subscribe.

Related articles:

• 10 rules of great user experience
• 18 top CSS animation examples
• The 5 biggest UX design trends for 2018