20 Fresh Resources for Web Developers -March 2017

Due to the popularity of digitalization now-a-days one can find so many fresh resources for web developers easily on the internet. These days the career as a web developer is at boom and thus all the web developers keeps on searching for fresh resources so that they can create each website differently. In order to save the time and ensure better implementation of the website there are always some ready-made tools and fresh resources available for the web developers.

Before creating a website every developer has a certain design and features of the website in his mind and his main task is to pick such fresh resources that suits those design and features. Keeping in mind all the current features, here we have collected fresh resources for web developers- March 2017 which will help all the web developers in creating a impactful website. In this list you will find lots of javascript libraries, css resources, frameworks, designing tools, open source tools, programming books, jquery plugins, php programming etc. These fresh resources for web developers not only make their task easier but also save lots of time which is certainly a major factor for the developers.


A new encoder from Google that allows to compress image down by up to 35% from the initial size while retaining the quality. It is quite a breakthrough given that similar open source encoders, such as JPEGOptim and jpegtran, are capped to only 20% on avarage. I can see that there will be a number of apps and plugins for CMS platform integrating Guetzli to optimize JPEG files.

Developer Roadmap

As the name implies, Developer Roadmap is an infographic of journey of being a Web Developer. There are three courses Front-end, Back-end, and DevOps. These roadmaps are like, well, a map; and are a great reference to see where we’re currently at, what we might have missed, and where we’re going next.

Netlify CMS

A CMS for static site generators. Give non-technical users a simple way to edit and add content to any site built with a static site generator. Netlify CMS is a single-page app that you pull into the /admin part of your site.


It’s a website to check your SSL configuration. BadSSL is a handy tool to perform debugging and errors over SSL installed on your site.


AR.js is JavaScript libraries unlike the others. This library enables us to create Augmented Reality using Web technology, and surprisingly runs really fast on mobile phones.

React Trend

It’s a react component from Unsplash to create lovely Line chart typically for showing trends. The component is configurable; you can set the line thickness, color, gradients, and the curve smoothness. You can simply use the GUI to conveniently generate the component code.


A macOS application to monitor your Github activity right from your desktop, Gitee adds a new item on the status bar showing numbers of stars, followers, and notification. In addition, you can also view charts of your push and commits on a repository as well as trending repository on the current month and week. It is Github on Desktop in a nutshell.


Goops is a handy CLI that will analyze your project directory and determine the directories and files to add in the .gitignore. The CLI can be installed via NPM. Once installed, type goops and done.

Debug CSS

DebugCSS is a CSS drop-in utility that allows you to analyze and validate your CSS output on the browser. It works quite similar to Alix, when you load the debugCSS stylesheet or use the bookmarklet, it highlights the elements on the page that pose errors or warnings.


EagleJS is a JavaScript library to create presentation similar to RevealJS. EagleJS is differ in some ways; it is built using Vue.js, a JavaScript MVC framework, and use Pug as the templating system to build the slide.


A JavaScript library to build pop-up guides using a Bootstrap component. The popup guides usually appear for new user to walk them through the application interface, new features, and for showing tips. It is a perfect library if your site is built with Bootstrap as well.


Brick is a JavaScript library designed to build web application UI. You’ll find some common ones like Calendar, Menu, and Form among the bundled components, It also comes with a “storage-indexeddb” component to allow you to store data on the client-side using IndexedDB.


OctoTree is a nice utility that allows to browse source codes and files on Github with Tree structure as in an IDEs or code editors. It comes as an add-on for Chrome, Safari, Firefox, and Opera, and available on their official add-on repository. Octotree supports Private and Enterprise Github repository.

Github Notification

Another useful Github extension for Chrome. Once installed you will be able to receive notification even if you’re currently not on Github pages. A great plugin if you want to stay in the loop with your repositories.


Deployer is a tool to deploy your PHP sites. It works with a number of popular frameworks and platforms including WordPress, Drupal, Magento, Laravel, and CodeIgniter. With this tool, you can compose your own recipes, a piece of command to run during deployment. It comes with Rollback feature which enable you to go back to previous version in case of failures.


A CLI that to scan PHP files to find errors without executing the runtime. This means that you do not need a full-stack PHP environment to debug the PHP files on your project.

NGINX Boilerplate

A collection of common Nginx configurations which include Backend Caching, connection and requests rate limit, and some other best practices to boost your site for speed and tune it up for traffic rush.


Bubbly is a great command line that you can install on your server to generate, manage, and renew certificate with Let’s Encrypt. Doplying SSL is now getting so much easier.

Waffle Grid

Yet, another CSS grid framework built with Flexbox that I think you should look into.


Singer is an open-source standard for writing scripts that move data. It describes how data extraction scripts—called “Taps” —and data loading scripts—called “Targets”— should communicate, allowing them to be used in any combination to move data from any source to any destination. Send data between databases, web APIs, files, queues, and just about anything else you can think of.