Fresh Resources for Web Developers — February 2016

The Fresh Resouces for Web Developers series has run for around 4 years now, and maintaining this series has greatly given me insight on how the web progress over the years. There are new tools coming out every month to make web development easier.

JavaScript is taking over desktop aplication for the portability over different platform as well as working just as good as the native app. This app, Caption, for instance is built on top of Electron. It is a simple app that allows you to search Subtitle files (.srt) to attach to the video you are watching.

An enormous list of useful and handy command lines for macOS. Here you may find a lot of things that might be done through the CLI such as “clearing the print queue”, “hiding folder in Finder”, and “preventing system sleep”.

Trevor is simply Travis CI done offline. Travis is a Continuous Integration service where developers test their software to see whether the software works properly multiple environments. Trevor is still in its early stage; it currently only supports “NodeJS”.

A nice JavaScript library to load the image progressively, hence the name. Small image will be served and blurred while the browser is loading the full image. This helps your website load much faster especially if it contains large images.

WP Docker is a Docker environment designed specifically to develop WordPress. The environment is self-contained, and won’t affect your computer system in case you’ve made configuration. It is a great alternative to Vagrant, Valet, Local, and MAMP.

Rellax is a JavaScript library to create Parallax effect on page scroll. It comes with few options and relatively easy to configure. It is lightweight, run super fast, and requires no dependency like jQuery hence it is a great alternative to other libraries on this category such as Parallax.js or Scrollax.js.

Yet another cool JavaScript library. Articulate brings synthetical voice to your website. It is able to parse and read your website, eventually can improve your website accesibility for users with impaired visibility.

Vonic is a collection of UI for mobile built using Vue.js and Ionic CSS. It comprises a lot of UI components commonly found in a mobile including the Checkbox, Search Form, Swiper, and so-called Accordion. You can use to build a mobile app aplication prototype right in the browser.

10up, one of the prominent names in WordPress, released a UI library designed specifically for WordPress. Unlike other UI library which only provides CSS and HTML codes, 10Up also provides the PHP code snippet that you can just paste in your theme. The component includes Navigation, Tabs, Tooltips, Commonts, and Blogrol.

Kute is a JavaScript library to perform animation. It is blazing fast and super efficient in memory consumption. It has extensions and extra tools to allow apply animation in CSS, SVG, and even a jQuery plugin for more convenient syntax.

Progressive Web Application (PWA) is a methodology that allows a website to run fast and useable offline. This PWA Rocks list one that as been approved by Google as a PWA. To learn more about PWA from Google take a look at: Progressive Web Apps.

Github Auto-Updater is Composer library that allows your plugin to be updated from Github. This is a handy script for developers to maintain plugins for their clients without necessarily uploading it to Github repository.

Card is a JavaScript library that makes Credit Card input more engaging and improves your user experience while inputting their credit card numbers. It works well with jQuery, React, Angular, and Ember.

Luxbar is a CSS framework to create a responsive navigation easily; simply add the stylesheet and add the HTML properly. You can install this library through NPM, Bower, or link the stylesheet directly from the CDN.

A list of table shows color contrast and their accesibility grade based on the WCAG 2.0. You can change the value on the table, and quickly figure out whether the color combination comply with the WCAG standard.

ToneJS is a JavaScript library to create a tone or sound which may like coming from a musical instrument. I guess this library will come in handy for building a web-based musical instrument emulator or a game sound effects.