Some interesting and useful things for web developer # 20

Good day, dear habravchane. Recently, I saw some interesting and useful tools / libraries / events that I want to share with Habr.

Awesome sysadmin

Mega popular repository on GitHub, which in a few days gathered more than 4,000 stars. This is a huge live list of all the most useful open source tools for a sysadmin by categories: Backups, Cloning, Cloud Computing, Cloud Orchestration, Cloud Storage, Collaborative Software, Distributed Filesystems, DNS, VPN, etc. The project author also mentioned Awesome PHP , by the image and likeness of which he published his list.

NodeBB

Many of the names have already realized that this is a forum engine on NodeJS and in fact this is a very cool project. I would even say that this is to some extent a rethinking of the current understanding of the forums. Well, how much time has passed since then ... How many social networks appeared, and "sociality" in general, how many discussions about design with an intuitive UI and a thoughtful UX, how many developers aspire to turn the web into an "application environment", where everything is as fast and asynchronous native software
')
It looks like NodeBB is a regular forum, but a modern web developer is simply not able to do the old and therefore it is a completely new product, where there are trends of all these current trends. Easy to use and customize, very flexible and modular, adaptive for various types of devices.

Mailin

Node.js SMTP server. Mailin listens and checks emails according to all standards (DKIM, SPF, Apache SpamAssassin), after which it parses them and sends the response in JSON format, which looks something like this:


Sidecomments.js

The script duplicates the commentary system of the popular blog platform Medium, which allows you to leave comments not on the whole article, but on a specific paragraph.

// Listen to "commentPosted", and send a request to your backend to save the comment. // More about this event in the "docs" section. sideComments.on('commentPosted', function( comment ) { $.ajax({ url: '/comments', type: 'POST' data: comment, success: function( savedComment ) { // Once the comment is saved, you can insert the comment into the comment stream with "insertComment(comment)". sideComments.insertComment(comment); } }); }); // Listen to "commentDeleted" and send a request to your backend to delete the comment. // More about this event in the "docs" section. sideComments.on('commentDeleted', function( commentId ) { $.ajax({ url: '/comments/' + commentId, type: 'DELETE', success: function( success ) { // Do something. } }); }); 

Small world

Smallworld.js is a miniature script (5kb) that generates maps using GeoJSON and HTML5 Canvas. Exists as an independent library, as well as a plugin for jQuery and Zepto.

 var el = document.querySelector('.map'); var map = new Smallworld(el, options); 

Epoch

Functional library for visualizing data in real time on D3.js and jQuery.

Western thoughts or what would translate to Habré:

• Visual Designers Checklist for the Web
• How To Communicate Effectively In IT Projects
• Designing For The Reading Experience
• Giving Animations Life
• What is the most underrated word web design?
• The doctor is in
• Functional JavaScript, Part 1: Introduction
• Functional JavaScript, Part 2: What makes a language "functional"?
• Functional JavaScript, Part 3: .apply (), .call (), and the arguments object
• Chris Coyier - An Event Apart video

Finally:

• Fort.js is a great UX solution for filling out forms.
• Ampersand.js - "A highly modular, loosely coupled, non-framework for building advanced JavaScript apps."
• App.js is a self-contained JavaScript UI library for developing mobile applications.
• Fast.js is a collection of the most used functions in JavaScript.
• Lotus is a full-fledged web framework for Ruby.
• Linuxdash is a web dashboard for monitoring on Linux.
  
• DropKick is another high-quality selector customizer on jQuery.
• husky - will not allow you to make a bad commit.
• phridge - the bridge between Node and PhantomJS.
• jrnl - save all your thoughts and notes without leaving the command line.
• Bouncejs is a terribly simple service for creating CSS animations in a few clicks.
• "Mojolicious Documentation: Lost Chapters" by powerman
  
• “OpenUI5 is a new javascript framework from SAP” by kanikeev

Previous selection (Release 19)

I apologize for any typos. If you notice a problem - please write in a personal.

Thank you all for your attention.