Несколько интересностей и полезностей для веб-разработчика #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>. Сейчас уже всем рулит 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)

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

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

    Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.

    Понравилась ли вам подборка?

    • +31
    • 37,9k
    • 8
    Поддержать автора
    Поделиться публикацией
    AdBlock похитил этот баннер, но баннеры не зубы — отрастут

    Подробнее
    Реклама

    Комментарии 8

      +2
      Стоит еще добавить, что уже можно «пощупать» react native: github.com/facebook/react-native
      И еще вчера совершенно случайно нашел штуку, которая позволяет разрабатывать нативные приложения для iOS и Android на JavaScript: www.nativescript.org/
        +1
        NativeScript упомянул в прошлой подборке, причем он был фичердом. А React Native думал еще сыроват.
        0
        К сожалению, автор angular-yandex-maps, забил на этот модуль и даже issues на смотрит.
          0
          Угу, а сам модуль офигенный =(
          +1
          «Адаптация под трогательные устройства» — имеются ввиду тачскрины, или что-то с детьми и животными?
            0
            :) Конечно же тачскрины. Просто я устал от всех неологизмов.
              0
              А то я задумался — клавиатура ведь тоже трогательное устройство :)
              • НЛО прилетело и опубликовало эту надпись здесь

            Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

            Самое читаемое