Website development
JavaScript
Node.JS
Go
March 2015 29

Несколько интересностей и полезностей для веб-разработчика #41

Доброго времени суток, уважаемые хабравчане. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.

Learn X in Y minutes




Бесценный ресурс для многих опытных и начинающих программистов. Данный проект содержит набор кратких руководств по нескольким десяткам языков программирования, где очень емко изложены характерные особенности каждого из них. Понимание основных принципов, безусловно, упрощает знакомство с синтаксисом и ускоряет время до появления первых результатов, с новым и иным способом описания ваших мыслей. Радует, что многие материалы переведены на русский язык.

Кстати, еще есть Hyperpolyglot, где наглядно показаны различия между инструментами и языками программирования в таблицах.

Joint.js




Шедевральная библиотека для разработки диаграмм с массой примеров и огромным API. Что есть в Joint:

  • Различные элементы: прямоугольники, круги, овалы, изображение, произвольные фигуры
  • Возможность привязать элементы друг к другу
  • Magnets — специальные ссылки для привязки
  • Сериализация/десериализация данных из/в JSON
  • Продуманная событийная модель
  • Поддержка зума
  • Адаптация под трогательные устройства
  • MVC архитектура, плагинная система и многе другое.


NodeGit




В принципе, суть этого проекта уже ясна из название — автоматизация работы Git с помощью NodeJS. Корректно работает на Windows, Mac, Linux и поддерживает IO.js.

var Git = require("nodegit");

var getMostRecentCommit = function(repository) {
  return repository.getBranchCommit("master");
};

var getCommitMessage = function(commit) {
  return commit.message();
};

Git.Repository.open("nodegit")
  .then(getMostRecentCommit)
  .then(getCommitMessage)
  .then(function(message) {
    console.log(message);
  });



Wavesurfer.js




Кажется, что буквально недавно я изучал как привнести звуки в браузер и существовало 3 способа: Flash, Java апплет и чудный тег <bgsoung&gt. Сейчас уже всем рулит JavaScript, а Wavesurfer.js на основе Web Audio API круто отрисовывывает звуковые волны.
var wavesurfer = Object.create(WaveSurfer);

wavesurfer.init({
    container: document.querySelector('#wave'),
    waveColor: 'violet',
    progressColor: 'purple'
});

wavesurfer.on('ready', function () {
    wavesurfer.play();
});

wavesurfer.load('example/media/demo.mp3');


Theater.js


Прикольный эффект, имитирующий человеческое поведение при переписке.



Западные мысли или что стоило бы перевести на Хабре:




Говорят и показывают отечественные ИТ ресурсы:




Напоследок:


  • HTML/CSS
  • JavaScript
    • Passport.js — отличная библиотека для работы с аутентификацией.
    • Lodash.js — серьезный конкурент для Underscore.js.
    • react-primer-draft — наработки проекта основанного на React и новоиспеченном Primer (смотрите выше).
    • Fastdom — устраняет передергивания верстки при загрузки.
    • iframe-resizer — удобный способ изменить размеры фрейма.
    • Reapp — next gen hybrid apps.
    • ExcelJS — Excel Workbook Manager.
    • essential-react — шаблон для React проекта.
    • angular-yandex-map — модуль для работы с Яндекс картами с помощь Angular.js.
    • JSON API — стандарт для построения API на JSON.
  • PHP
    • php-facedetection — определяет человеческие лица на изображениях.
    • Polr — минималистичный и модульный «сокращатель ссылок».
    • Baun — еще одна простая и гибкая CMS.
  • Python
    • PyTricks — коллекция лучших решений и трюков.
    • Yapf — форматирование Python файлов от Google.
    • Ajenti — the web admin panel everyone wants.
    • reverse-geocoder
  • Ruby
  • Go
  • Разное
    • Let’s Encrypt
    • Pterosaur — Firefox плагин, которые обеспечивает поддержку Vim в вашем любимом браузере.
    • ArchieML — язык разметки от разработчиков The New York Times.
    • Duet — крутое приложение для Mac, которое делает из вашего iPad второй экран.


За помощь в подготовке материала выражаю огромную благодарность Александру Маслову drakmail.

Друзья бэкендеры! Я думаю всем известно, что свои подборки я делаю полностью на альтруизме. Я всегда прошаривал кучу сайтов, чтобы мне всегда было удобно работать. А в один момент я решил делиться найденным материалом. Со временем подборки обрели некую популярность и значительно расширились в плане содержания. Отныне я буду четко структурировать блок «Напоследок», дабы людям не приходилось искать нужное. Для того чтобы разделы не были голыми и всегда наполнялись актуальной информацией, мне требуется ваша помощь. И проблема не только во времени, но и в компетенции. В плане бэкенда я скорее теоретик, чем практик.

Пхпшник, рубист, питонист, гоущик, если ты уже мониторишь GitHub Trending, Reddit, HackerNews или Twitter в поисках интересностей и полезностей по своей теме, если найденное определенно имеет ценность, но не заслуживает внимание целого поста, если тебе не трудно раз в неделю/в две недели в зависимости от материала делиться парой килобайт ссылочной массы, то напиши мне в личку или любую соц. сеть из профиля. Писанина в основной раздел по желанию. Имя или контакты волонтеров в каждом посту обязательно будут указаны.

                                                         Предыдущая подборка (Выпуск 40)

Приношу извинения за возможные опечатки. Если вы заметили проблему — напишите, пожалуйста, в личку.

Спасибо всем за внимание.

Понравилась ли вам подборка?
90.7% Да 451
9.2% Нет 46
497 users voted. 67 users abstained.
+31
37.7k 425
Support the author
Comments 8
Top of the day