Fresh Resources for Web Developers – Mar 2017

With CLI (Command Line Interface) we’re means to streamline and automate web growth workflows. And that’s because in this installment we’ve enclosed utterly a array of overwhelming CLIs that we can implement on your internal mechanism or to run some things on a server. On tip of that, we’ve also enclosed a few PHP tools, browser add-ons, and JavaScript libraries. Let’s check them out.

Click for More Resources

Click for More Resources

Find a whole collection of endorsed resources and a best web pattern and growth collection available.


A new encoder from Google that allows to restrict picture down by adult to 35% from a initial distance while progressing a quality. It is utterly a breakthrough given that identical open source encoders, such as JPEGOptim and jpegtran, are capped to customarily 20% on avarage. we can see that there will be a array of apps and plugins for CMS height integrating Guetzli to optimize JPEG files.


Developer Roadmap

As a name implies, Developer Roadmap is an infographic of tour of being a Web Developer. There are 3 courses Front-end, Back-end, and DevOps. These roadmaps are like, well, a map; and are a good anxiety to see where we’re now at, what we competence have missed, and where we’re going next.

Developer RoadmapDeveloper Roadmap

Netlify CMS

SmashingMagazine has recently finished a bold pierce to embankment WordPress and try something new wholly with a new CMS called Netlify CMS. It is a new CMS built on tip of React.js and can be integrated with any immobile site generator like Jekyll, Hugo, and MiddleMan.

Netlify CMSNetlify CMS


It’s a website to check your SSL configuration. BadSSL is a accessible apparatus to perform debugging and errors over SSL commissioned on your site.



Alix is a Chrome prolongation that allows we to review your website accesibility. Once commissioned and enabled, a plugin will supplement an conceal box over a array of elements on a page which poise warning or errors.



AR.js is JavaScript libraries distinct a others. This library enables us to emanate Augmented Reality regulating Web technology, and surprisingly runs unequivocally quick on mobile phones.


React Trend

It’s a react member from Unsplash to emanate poetic Line draft typically for display trends. The member is configurable; we can set a line thickness, color, gradients, and a bend smoothness. You can simply use a GUI to conveniently beget a member code.

React TrendReact Trend


A macOS focus to guard your Github activity right from your desktop, Gitee adds a new object on a standing bar display numbers of stars, followers, and notification. In addition, we can also view charts of your pull and commits on a repository as good as trending repository on a stream month and week. It is Github on Desktop in a nutshell.



Goops is a handy CLI that will investigate your plan directory and establish a directories and files to supplement in a .gitignore. The CLI can be commissioned around NPM. Once installed, form goops and done.


Debug CSS

DebugCSS is a CSS drop-in focus that allows we to investigate and countenance your CSS outlay on a browser. It works utterly identical to Alix, when we bucket a debugCSS stylesheet or use the bookmarklet, it highlights a elements on a page that poise errors or warnings.

Debug CSSDebug CSS


EagleJS is a JavaScript library to emanate presentation identical to RevealJS. EagleJS is differ in some ways; it is built regulating Vue.js, a JavaScript MVC framework, and use Pug as a templating complement to build a slide.



A JavaScript library to build pop-up guides regulating a Bootstrap component. The popup guides customarily seem for new user to travel them by a focus interface, new features, and for display tips. It is a ideal library if your site is built with Bootstrap as well.



Brick is a JavaScript library designed to build web focus UI. You’ll find some common ones like Calendar, Menu, and Form among a bundled components, It also comes with a “storage-indexeddb” member to concede we to store information on a client-side regulating IndexedDB.



OctoTree is a good focus that allows to crop source codes and files on Github with Tree structure as in an IDEs or formula editors. It comes as an appendage for Chrome, Safari, Firefox, and Opera, and accessible on their central appendage repository. Octotree supports Private and Enterprise Github repository.


Github Notification

Another useful Github prolongation for Chrome. Once commissioned we will be means to accept presentation even if you’re now not on Github pages. A good plugin if we wish to stay in a loop with your repositories.

Github NotificationGithub Notification


Deployer is a apparatus to muster your PHP sites. It works with a array of renouned frameworks and platforms including WordPress, Drupal, Magento, Laravel, and CodeIgniter. With this tool, we can harmonise your possess recipes, a square of authority to run during deployment. It comes with Rollback underline that capacitate we to go behind to prior chronicle in box of failures.



A CLI that to indicate PHP files to find errors but executing a runtime. This means that we do not need a full-stack PHP sourroundings to debug a PHP files on your project.


NGINX Boilerplate

A collection of common Nginx configurations that embody Backend Caching, tie and requests rate limit, and some other best practices to boost your site for speed and balance it adult for trade rush.

NGINX BoilerplateNGINX Boilerplate


Bubbly is a good authority line that we can implement on your server to generate, manage, and replenish certificate with Let’s Encrypt. Doplying SSL is now removing so most easier.


Waffle Grid

Yet, another CSS grid framework built with Flexbox that we consider we should demeanour into.

Waffle GridWaffle Grid

Fresh Resources for Web Developers — Feb 2017

Fresh Resources for Web Developers — Feb 2017

The Fresh Resouces for Web Developers array has run for around 4 years now, and progressing this series…Read more

Add Comment