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

в 11:00, , рубрики: css, html, javascript, веб-дизайн, Веб-разработка, интересности&полезности

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

Unheap

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

Datecropper

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

Mixture

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

Isso

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

Awesomplete

Несколько интересностей и полезностей для веб-разработчика #39 - 5
Замечательное решение для автозаполнения форм от известной «разработчицы» 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

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

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

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

Напоследок:

  • HTML/CSS
    • Transformicons — коллекция анимационный SVG и HTML/CSS иконок.
    • Tint UI — таблицы цветов для конкретных направлений в дизайне.
    • Shade — генератор потрясающих CSS градиентов.
  • JavaScript
    • BrowserSync, о котором я уже писал обновился до версии 2.0 и обзавелся веб-интерфейсом:
      Несколько интересностей и полезностей для веб-разработчика #39 - 7
    • 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)

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

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

Автор: ilusha_sergeevich

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js