Доброго времени суток, уважаемые хабравчане. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.
Мега популярный репозиторий на GitHub, который за несколько дней собрал более 4000 звезд. Это огромной живой список всех самых полезных инструментов с открытым исходным кодом для сисадмина по категориям: Backups, Cloning, Cloud Computing, Cloud Orchestration, Cloud Storage, Collaborative Software, Distributed Filesystems, DNS, VPN и др. Автор проекта упомянул также Awesome PHP, по образу и подобию которого он опубликовал свой список.
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/fd0/828/fd9/fd0828fd9e786fc1d5e0ce1148c7ae2d.png)
Многие уже из названия поняли, что это форум-движок на NodeJS и на самом деле это очень крутой проект. Я бы даже сказал, что это в какой то мере переосмысление сложившегося представления о форумах. Ну сколько уже времени прошло с тех пор… Сколько социальных сетей появилось и «социальности» в целом, сколько рассуждений о дизайне с интуитивно понятным UI и продуманным UX, сколько стремления разработчиков превратить веб в «среду для приложений», где все быстро и асинхронно словно нативный софт.
С виду NodeBB обычный форум, но современный веб-разработчик просто не в состоянии сделать по старому и поэтому это совершенно новый продукт, где присутствуют веяния всех этих сегодняшних тенденций. Простой в использовании и кастомизации, очень гибкий и модульный, адаптивный для различных типов устройств.
Node.js SMTP сервер. Mailin прослушивает и проверяет письма по всем стандартам (DKIM, SPF, Apache SpamAssassin), после чего парсит их и отправляет ответ в JSON формате, который выглядит приблизительно следующим образом:
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/f07/66d/540/f0766d540c1665c78f87fe4c0a4500fb.png)
SideComments.js
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/848/734/05d/84873405d8a9888731b264bda9ce80f4.png)
Скрипт дублирует систему комментирования популярной блог платформы Medium, что позволяет оставлять комментарии не к целой статье, а к определенному абзацу.
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/5b3/150/510/5b31505106ed24b37bdd67c8956ca022.png)
Smallworld.js — это миниатюрный скрипт (5кб), который генерирует карты с помощью GeoJSON и HTML5 Canvas. Существует как независимая библиотека, а также как плагин к jQuery и Zepto.
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/ade/194/809/ade194809c5ff2b517a82e2e9d014626.png)
Функциональная библиотека для визуализации данных в режиме реального времени на D3.js и jQuery.
Предыдущая подборка (Выпуск 19)
Приношу извинения за возможные опечатки. Если вы заметили проблему — напишите, пожалуйста, в личку.
Спасибо всем за внимание.
Awesome Sysadmin
Мега популярный репозиторий на GitHub, который за несколько дней собрал более 4000 звезд. Это огромной живой список всех самых полезных инструментов с открытым исходным кодом для сисадмина по категориям: Backups, Cloning, Cloud Computing, Cloud Orchestration, Cloud Storage, Collaborative Software, Distributed Filesystems, DNS, VPN и др. Автор проекта упомянул также Awesome PHP, по образу и подобию которого он опубликовал свой список.
NodeBB
![](https://habrastorage.org/getpro/habr/post_images/fd0/828/fd9/fd0828fd9e786fc1d5e0ce1148c7ae2d.png)
Многие уже из названия поняли, что это форум-движок на NodeJS и на самом деле это очень крутой проект. Я бы даже сказал, что это в какой то мере переосмысление сложившегося представления о форумах. Ну сколько уже времени прошло с тех пор… Сколько социальных сетей появилось и «социальности» в целом, сколько рассуждений о дизайне с интуитивно понятным UI и продуманным UX, сколько стремления разработчиков превратить веб в «среду для приложений», где все быстро и асинхронно словно нативный софт.
С виду NodeBB обычный форум, но современный веб-разработчик просто не в состоянии сделать по старому и поэтому это совершенно новый продукт, где присутствуют веяния всех этих сегодняшних тенденций. Простой в использовании и кастомизации, очень гибкий и модульный, адаптивный для различных типов устройств.
Еще несколько скринов![](https://habrastorage.org/r/w1560/getpro/habr/post_images/bb0/3b6/ae3/bb03b6ae30111dcd0418d18e0e2456c7.png)
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/3fe/e0e/ba2/3fee0eba2bdca52d0a89948c9606c1da.png)
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/c2b/85e/c62/c2b85ec6243f5fb7a53941280ade0b03.png)
![](https://habrastorage.org/getpro/habr/post_images/bb0/3b6/ae3/bb03b6ae30111dcd0418d18e0e2456c7.png)
![](https://habrastorage.org/getpro/habr/post_images/3fe/e0e/ba2/3fee0eba2bdca52d0a89948c9606c1da.png)
![](https://habrastorage.org/getpro/habr/post_images/c2b/85e/c62/c2b85ec6243f5fb7a53941280ade0b03.png)
Mailin
Node.js SMTP сервер. Mailin прослушивает и проверяет письма по всем стандартам (DKIM, SPF, Apache SpamAssassin), после чего парсит их и отправляет ответ в JSON формате, который выглядит приблизительно следующим образом:
![](https://habrastorage.org/getpro/habr/post_images/f07/66d/540/f0766d540c1665c78f87fe4c0a4500fb.png)
SideComments.js
![](https://habrastorage.org/getpro/habr/post_images/848/734/05d/84873405d8a9888731b264bda9ce80f4.png)
Скрипт дублирует систему комментирования популярной блог платформы 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.
}
});
});
Small World
![](https://habrastorage.org/getpro/habr/post_images/5b3/150/510/5b31505106ed24b37bdd67c8956ca022.png)
Smallworld.js — это миниатюрный скрипт (5кб), который генерирует карты с помощью GeoJSON и HTML5 Canvas. Существует как независимая библиотека, а также как плагин к jQuery и Zepto.
var el = document.querySelector('.map');
var map = new Smallworld(el, options);
Epoch
![](https://habrastorage.org/getpro/habr/post_images/ade/194/809/ade194809c5ff2b517a82e2e9d014626.png)
Функциональная библиотека для визуализации данных в режиме реального времени на D3.js и jQuery.
Западные мысли или что стоило бы перевести на Хабре:
- 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 In 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
- Preprocessing is for Everybody by Chris Coyier – An Event Apart video
Напоследок:
- Fort.js — замечательное UX решение при заполнений форм.
- Ampersand.js — «A highly modular, loosely coupled, non-frameworky framework for building advanced JavaScript apps».
- App.js — самодостаточная JavaScript UI библиотека для разработки мобильных приложений.
- Fast.js — коллекция наиболее используемых функций в JavaScript.
- Lotus — полноценный веб-фреймворк для Ruby.
- Linuxdash — веб-панель для мониторинга на Linux.
- DropKick — еще один качественный кастомизатор селектов на jQuery.
- husky — не разрешит вам совершить плохой коммит.
- phridge — мост между Node и PhantomJS.
- jrnl — сохраняйте все ваши мысли и заметки не покидая коммандной строки.
- Bouncejs — ужасно простой сервис для создания CSS анимаций в несколько кликов.
- «Документация Mojolicious: Потерянные Главы» от powerman
- «OpenUI5 – новый javascript фреймворк от SAP» от kanikeev
Предыдущая подборка (Выпуск 19)
Приношу извинения за возможные опечатки. Если вы заметили проблему — напишите, пожалуйста, в личку.
Спасибо всем за внимание.
Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.
Понравилась ли Вам подборка?
92.06% Да904
7.94% Нет78
Проголосовали 982 пользователя. Воздержались 135 пользователей.