50 amazing tools for developers 2018
Get up to speed with what’s hot and new in the frontend development toolbox.
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:
Get the Creative Bloq Newsletter
Daily design news, reviews, how-tos and more, as picked by the editors.
Thank you for reading 5 articles this month* Join now for unlimited access
Enjoy your first month for just £1 / $1 / €1
*Read 5 free articles per month without a subscription
Join now for unlimited access
Try first month for just £1 / $1 / €1
Louis is an author, speaker and frontend developer who’s been involved in the web development industry since 2000. He curates the popular newsletter Web Tools Weekly and blogs about code at Impressive Webs.











