- PVSM.RU - https://www.pvsm.ru -
Доброго времени суток уважаемые читатели. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.
Мега популярный репозиторий на GitHub, который за несколько дней собрал более 4000 звезд. Это огромной живой список всех самых полезных инструментов с открытым исходным кодом для сисадмина по категориям: Backups, Cloning, Cloud Computing, Cloud Orchestration, Cloud Storage, Collaborative Software, Distributed Filesystems, DNS, VPN и др. Автор проекта упомянул также Awesome PHP [2], по образу и подобию которого он опубликовал свой список.
[3]
Многие уже из названия поняли, что это форум-движок на NodeJS и на самом деле это очень крутой проект. Я бы даже сказал, что это в какой то мере переосмысление сложившегося представления о форумах. Ну сколько уже времени прошло с тех пор… Сколько социальных сетей появилось и «социальности» в целом, сколько рассуждений о дизайне с интуитивно понятным UI и продуманным UX, сколько стремления разработчиков превратить веб в «среду для приложений», где все быстро и асинхронно словно нативный софт. С виду NodeBB обычный форум, но современный веб-разработчик просто не в состоянии сделать по старому и поэтому это совершенно новый продукт, где присутствуют веяния всех этих сегодняшних тенденций. Простой в использовании и кастомизации, очень гибкий и модульный, адаптивный для различных типов устройств.
Node.js SMTP сервер. Mailin прослушивает и проверяет письма по всем стандартам (DKIM, SPF, Apache SpamAssassin), после чего парсит их и отправляет ответ в JSON формате, который выглядит приблизительно следующим образом:
SideComments.js [5]
[5]
Скрипт дублирует систему комментирования популярной блог платформы Medium, что позволяет оставлять комментарии не к целой статье, а к определенному абзацу.
// 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.
}
});
});
[6]
Smallworld.js — это миниатюрный скрипт (5кб), который генерирует карты с помощью GeoJSON [7] и HTML5 Canvas. Существует как независимая библиотека, а также как плагин к jQuery и Zepto.
var el = document.querySelector('.map');
var map = new Smallworld(el, options);
[8]
Функциональная библиотека для визуализации данных в режиме реального времени на D3.js и jQuery.
Предыдущая подборка (Выпуск 19) [34]
Приношу извинения за возможные опечатки. Если вы заметили проблему — напишите пожалуйста в личку.
Спасибо всем за внимание.
Автор:
Источник [35]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/63645
Ссылки в тексте:
[1] Awesome Sysadmin: https://github.com/kahun/awesome-sysadmin
[2] Awesome PHP: https://github.com/ziadoz/awesome-php
[3] NodeBB: https://github.com/NodeBB/NodeBB
[4] Mailin: http://mailin.io/
[5] SideComments.js: http://aroc.github.io/side-comments-demo/
[6] Small World: https://github.com/mikefowler/smallworld.js
[7] GeoJSON: https://github.com/mikefowler/smallworld.js/blob/master/dist/world.json
[8] Epoch: https://github.com/fastly/epoch/
[9] Visual Designers Checklist for the Web: http://webdesignerschecklist.com
[10] How To Communicate Effectively In IT Projects: http://www.smashingmagazine.com/2014/06/27/communicating-effectively-in-projects/
[11] Designing For The Reading Experience: http://www.smashingmagazine.com/2013/02/18/designing-reading-experience/
[12] Giving Animations Life: https://medium.com/tictail-makers/giving-animations-life-8b20165224c5
[13] What Is The Most Underrated Word In Web Design?: http://www.smashingmagazine.com/2014/06/24/affordance-most-underrated-word-in-web-design/
[14] The Doctor Is In: http://alistapart.com/column/doctor-is-in
[15] Functional JavaScript, Part 1: Introduction: http://tech.pro/tutorial/1953/functional-javascript-part-1-introduction
[16] Functional JavaScript, Part 2: What makes a language «functional»?: http://tech.pro/tutorial/2009/functional-javascript-part-2-what-makes-a-language-functional
[17] Functional JavaScript, Part 3: .apply(), .call(), and the arguments object: http://tech.pro/tutorial/2010/functional-javascript-part-3-apply-call-and-the-arguments-object#comment-22845
[18] Preprocessing is for Everybody by Chris Coyier – An Event Apart video: http://aneventapart.com/news/post/preprocessing-is-for-everybody-chris-coyier-an-event-apart-video-css-sass
[19] Fort.js: https://github.com/Colourity/Fort.js
[20] Ampersand.js: http://ampersandjs.com/
[21] App.js: https://github.com/kikinteractive/app
[22] Fast.js: https://github.com/codemix/fast.js
[23] Lotus: http://lotusrb.org/
[24] Linuxdash: https://github.com/afaqurk/linux-dash
[25] DropKick: https://github.com/Robdel12/DropKick
[26] husky: https://github.com/typicode/husky
[27] phridge: https://github.com/peerigon/phridge
[28] jrnl: https://github.com/maebert/jrnl
[29] Bouncejs: http://bouncejs.com/
[30] «Документация Mojolicious: Потерянные Главы»: http://habrahabr.ru/post/227493/
[31] powerman: http://habrahabr.ru/users/powerman/
[32] «OpenUI5 – новый javascript фреймворк от SAP»: http://habrahabr.ru/post/227861/
[33] kanikeev: http://habrahabr.ru/users/kanikeev/
[34] Предыдущая подборка (Выпуск 19): http://habrahabr.ru/post/227069/
[35] Источник: http://habrahabr.ru/post/227969/
Нажмите здесь для печати.