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

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

    Unheap




    Огромная коллекция реально качественных и нужных jQuery плагинов, грамотно расфасованная по области применения. В Unheap 5 основных разделов UI, Inputs, Media, Nav, Other и каждый из них содержит еще с десяток подкатегорий. В общей сложности на данный момент каталог насчитывает более 1000 различных плагинов.

    Datedropper




    Да, это еще один jQuery плагин для выбора дат. Но реализация шедевральна с точки зрения UI/UX. Скрипт легко подключается и кастомизируется. Datedropper в любом случае заслуживает внимания за дизайн самого сайта с проектом. Это самая красивая страничка с описанием JavaScript библиотеки, которую я когда либо видел.

    Mixture




    Генератор вашего рабочего окружения. Многие, возможно, уже слышали об Yeoman, который позволяет буквально в несколько команд собрать все необходимые инструменты и библиотеки для вашего проекта. Mixture в принципе делает тоже самое, но существует как десктопное приложение.

    Isso




    Сервер для комментариев похожий на Disqus написанный на Python. Поддерживает аватарки, ветви, голоса, а вместо визуального редактора используется Markdown. Проект предусматривает импортирт данных из Disqus и WordPress. Сами комментарии подключаются также с помощью JavaScript.

    Awesomplete




    Замечательное решение для автозаполнения форм от известной «разработчицы» Lea Verou. Awesomplete весит всего 2кб и для базового использования даже не требуется писать JavaScript, достаточно указать варианты в дата-атрибуте. Для задач посложнее библиотека содержит ряд необходимых опций и методов, но продолжает оставаться максимально простой в использовании. Стоит упомянуть, что проект за несколько дней собрал более 2000 звезд ни GitHub.

    <input class="awesomplete"
           data-list="Ada, Java, JavaScript, Brainfuck, LOLCODE, Node.js, Ruby on Rails" />
    

    // No extra JS needed for basic usage!
    


    Pico CMS




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




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




    Напоследок:


    • HTML/CSS
      • Transformicons — коллекция анимационный SVG и HTML/CSS иконок.
      • Tint UI — таблицы цветов для конкретных направлений в дизайне.
      • Shade — генератор потрясающих CSS градиентов.
    • JavaScript
      • BrowserSync, о котором я уже писал обновился до версии 2.0 и обзавелся веб-интерфейсом:

      • react-canvas — высоко производительный <canvas> для React компонентов.
      • Recorder.js — записывает и экспортирует данные полученные с помощью Web Audio API.
      • Plyr — простой и легкий HTML5 видео плеер с Accessibility, семантикой и прочим.
      • Gator.js — миниатюрная библиотека без зависимостей для работы с событиями.
      • Curl.js — для управления модулями и интервью раразботчика библиотеки с David Walsh.
      • Enb — сборщик для BEM проектов.
      • Clui — Command Line UI toolkit для Node.js.
    • PHP
      • Glide — библиотека для различных манипуляций с изображениями.
      • FoundationPress — крутой стартовый шаблон для WordPress тем.
      • Pagoda Box — PAAS для PHP.
    • Python
      • Blockstore — key-value store for name registration and data storag
      • Vim Hackernews — просмотр постов от Hackernews с помощью Vim.
      • Icdiff — альтернатива diff tool с улучшенной подсветкой изменений.
    • Ruby
      • Awesome Ruby
      • Pretty Backtrace – сообщения об ошибках еще никогда не были так прекрасны.
      • Pronto — позволяет запускать утилиты для автоматического code review только для изменившихся файлов, есть интеграция с Github и Gitlab.
      • Fastimage — определение типа и размеров изображений по ссылке без выкачивания всего изображения.
      • Ruby Hunt – ProductHunt для Ruby.
      • Маленький tutorial по парсингу страниц с использованием mechanize — очень хорош для быстрого старта.
      • Бесплатный e-book про написание DSL в ruby
      • Heroku рекоммендует использовать Puma вместо Unicorn.
    • Go
    • Разное


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

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

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

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

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

    Спасибо всем за внимание.
    Понравилась ли Вам подборка?

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

    • +39
    • 41,3k
    • 8
    Поделиться публикацией
    Реклама помогает поддерживать и развивать наши сервисы

    Подробнее
    Реклама
    Комментарии 8
    • +4
      Спасибо за Unheap.
    • 0
      Бесплатный e-book про написание DSL в ruby — кажется он не бесплатный, стоит 12$ (и это со скидкой, было 24$).
      А вообще отличная подборка, жду новых с нетерпением :) Спасибо!
      • +1
        Действительно, уже не бесплатный. На момент, когда нашел линк — было еще бесплатно =/
      • 0
        Эх, как же я так Pico пропустил. Благодарю.
        • 0
          Pico CMS мертвый проект — последняя версия вышла в 2013 году. Но есть проект на основе Pico, который называется Phile CMS (philecms.com): плагины несовместимы, за то произвели рефакторинг в сторону улучшения быстродействия и самой архитектуры.
          • 0
            5 functions of the Console object you didn’t know

            Все знают и давно, и в большем объёме. Например: API консоли Javascript.

            Single Div Drawings with CSS
            Это же тоже все знают, тема прошла года 2-3 назад. Разве что как обобщающая учебная статья…
            • 0
              API консоли пост я видел, но забыл сам про него. Второе, да — обобщающая. Техники теже, но макбуки на single div покоряют CodePen. Ну и в любом случае, не знаю как после разделения, но до него Хабр рос на десятки тысяч уников в год. Среди них есть и начинающие. Поэтому я не всегда публикую ссылки на самый интересный материал для матерых разработчиков, иногда просто хорошо цитируемый на западе.

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