Перевод 27 Amazing Web Development Tools for the Past Year (v.2018)

В 2017-м мы сравнили около 7 500 open source-инструментов для веб-разработки, из которых выбрали 27 лучших (0,4%). Это крайне конкурентный список, в который вошли инструменты, библиотеки и проекты, опубликованные в течение 2017-го. Mybridge AI оценивает их качество на основании популярности, заинтересованности и новизне. Чтобы было понятно, у выбранных продуктов среднее количество звёзд на Github — 5260.

Open source-инструменты могут почти даром повысить вашу продуктивность. Также вы можете чему-то научиться, читая исходный код и создавая что-нибудь на основе этих проектов. Так что рекомендуем уделить время и поэкспериментировать с инструментами из нашей подборки, возможно, какие-то из них прошли мимо вас.

No 1


Public APIs: коллективный список публичных JSON API для использования в веб-разработке [31 194 звезды на Github].



No 2


Hyper v2.0: терминал на основе веб-технологий [20 633 звезды на Github].



No 3


Parcel: очень быстрый, не требующий конфигурирования упаковщик для веб-приложений [15 386 звёзд на Github].



No 4


Feather: замечательные open source-иконки [11 593 звезды на Github].



No 5


Hyperapp v1.0: однокилобайтная библиотека для создания приложений с современным интерфейсом [9773 звезды на Github].



No 6


Kap: open source-инструмент для записи содержимого экрана, построенный на веб-технологиях [6318 звёзд на Github].



No 7


Pencil v3.0: доступный каждому open source-инструмент для создания диаграмм и прототипирования. Сделан с помощью Electron [5567 stars on Github].



No 8


Sizzy: инструмент для очень быстрого тестирования адаптивных сайтов [4639 звёзд на Github].



No 9


Heml: open source язык разметки для создания адаптивных электронных писем [3532 звезды Github].



No 10


Cypress: быстрый, простой и надёжный инструмент тестирования для всего, что выполняется в браузере [3243 звезды на Github].



No 11


Mail-for-good: open source-инструмент для управления некоммерческими рассылками электронных писем [2609 звёзд на Github].



No 12


Rtv: позволяет просматривать Reddit с вашего терминала [2524 звезды Github].



No 13


BundleSize: позволяет контролировать размеры пакетов [2309 звёзд на Github].



No 14


Amplitude.JS (v3.0): современный HTML5-аудиоплеер. Не нужно никаких зависимостей [2232 звезды на Github].



No 15


Mitt: маленький, 200-байтный функциональный генератор событий / pubsub [2203 звезды на Github].



No 16


Uncaptcha: обходит гугловскую аудио-reCaptcha с точностью в 85 % [2015 звёзд на Github].



No 17


Bundle-buddy: инструмент для определения дублирований пакетов в результате разделения [1995 звёзд на Github].



No 18


Git-recall: простой и удобный инструмент, помогающий быстро вспомнить, что именно вы делали [1911 звёзд на Github].



No 19


Probot: фреймворк для сборки GitHub-приложений, помогающий автоматизировать и оптимизировать рабочий процесс [1802 звезды на Github].



No 20


Hazel: этот проект позволяет легко развёртывать и обновлять сервер для Electron-приложений. Достаточно выполнить единственную команду и заполнить два текстовых поля [1775 звёзд на Github].



No 21


Speedracer: измеряет метрики производительности вашей библиотеки или приложения [1660 звёзд на Github].



No 22


Devportfolio-template: лёгкий настраиваемый шаблон для создания одностраничных персональных сайтов-портфолио, написанный с помощью JavaScript и Sass [1596 звёзд на Github].



No 23


Cell: самоуправляемый фреймворк веб-приложений [1439 звёзд на Github].



No 24


Across-tabs v1.0: обеспечивает простое взаимодействие между браузерными cross-origin-закладками [1163 звезды на Github].



No 25


Chimee: невероятно удобный браузерный видеоплеер [1009 звёзд на Github].



No 26


Propeller v1.0: адаптивный фронтенд-фреймворк, построенный с учётом Google Material Design Standards & Bootstrap [1007 звёзд на Github].



No 27


Image-trace-loader: загружает изображения, применяет к ним трассировку и экспортирует результат в виде изображений или закодированных в URL SVG+XML-данных [919 звёзд на Github].

Комментарии (9)


  1. BuccapuoH
    19.06.2018 12:14
    +3

    Читать Reddit из терминала — самое важно в веб-разработке.


  1. mwizard
    19.06.2018 13:09

    На заглавной картинке пример омерзительнейшего Python-кода. Расскажите автору про PEP8 и линтеры.


    1. Barafu_Albino_Cheetah
      19.06.2018 20:29
      -1

      Кроме странного способа переноса строк, ничего криминального не вижу.


  1. ilyalazarev
    19.06.2018 13:45

    Спасибо, очень полезно!


  1. VokaMut
    19.06.2018 17:05
    +6

    Блог компании, которая хочет поделиться своим опытом или знаниями либо поднять насущную проблему — вот контент который ждут.
    А тут пожалели даже 2-3 строчек для нормального описания.
    Для большего абсурда можно было бы написать только ссылку на поисковик github.com/search


  1. Madeas
    19.06.2018 17:19

    На самом деле, есть действительно стоящие ресурсы, однако, не совсем понятно, зачем тут лендинг, коих в сети тучная туча) Спасибо за обзор, добавлю в закладки.


  1. putnik
    19.06.2018 17:28
    +7

    Номера выделены аж заголовками, количество звёзд выделено жирным, только вот сами названия утилит приходится мучительно выискивать глазами в тексте. Зачем вы так с людьми?


  1. bond1768
    20.06.2018 09:15

    Pencil хорошая штука. Раньше задумывался что не хватает такого инструмента что бы по быстрому можно было прототипы пилить. Еще если окажется что там можно свои кастомные элементы добавлять цены ему не будет.


  1. springimport
    20.06.2018 21:32

    for i = 27
    print NO
    print замечательные open source-инструмент инструмент
    print [ github ]
    endif;

    Подумайте чтобы скидывать экселевский файл вместо статьи.