Команда ThemeSelection опубликовала в блоге на dev.to список из 15 полезных инструментов для веб-разработки в 2021 году, которые упростят работу. Вот они.
Ресурс с набором готовых сниппетов с популярными фрагментами кода, конфигурациями и командами. Девианты могут пригодиться, если нужно быстро освежить знания или избежать поиска в Google и темах на Stack Overflow. Если на сайте нет нужного сниппета, можно попросить автора добавить его.
Интерактивный список классов, переменных и миксинов Bootstrap 5. Поможет найти различия между Bootstrap 4 и Bootstrap 5.
Ресурс нацелен на большое сообщество пользователей Bootstrap, которым сложно искать классы, переменные и миксины.
Ключевые функции:
Инструмент для создания фрагмента кода в виде изображения. Приложение поддерживает множество языков и имеет готовый набор тем, благодаря которым можно модифицировать сниппет.
Автоматизированный инструмент с открытым исходным кодом для измерения качества веб-страниц: производительность, доступность и поисковую оптимизацию.
Инструмент для проверки метатегов веб-сайта.
Ресурс содержит список из 88 пунктов, которые следует учитывать при создании веб-сайта. Дополнительным преимуществом, по мнению автора подборки, является возможность создавать собственные списки и отчеты.
Инструмент для создания файла .gitignore. Для использования нужно предоставить программе информацию об информационной системе или среде разработки.
Приложение предлагает инструкцию по созданию регулярных выражения (с объяснениями) и готовую среду для написания и тестирования выражений.
Инструмент позволяет показать результаты своей работы при создании веб-сайта на локальном сервере.
Простая установка и настройка. Есть платный контент, которые предлагает множество расширенных возможностей, например, создание белого списка с IP-адресами или создание поддоменов.
Бесплатный онлайн-инструмент для сканирования веб-сайта. Предоставляет отчет с оценкой веб-сайта по ключевым областям, включая доступность, SEO, социальным сетям и технологиям.
Инструмент позволяет проверить, какие API-интерфейсы доступны в используемом браузере. После выбора API приходит набор инструкций по использованию. Есть доступ к данным и диаграммам, показывающим, как выглядит поддержка браузером данных API.
Бесплатный онлайн сканер уязвимостей, разработанный Pentest-Tools. Для работы нужно просто ввести свой URL-адрес, после чего инструмент сгенерирует подробный отчет о безопасности.
Доступная, краткая и написанная понятным языком документация по CSS. Для каждого свойства есть изображение или анимация с примером.
Использует интеллектуальные методы сжатия с потерями, чтобы уменьшить размер файлов PNG. За счет выборочного уменьшения количества цветов в изображении для хранения данных требуется меньше байтов. Эффект практически незаметный, но он сильно влияет на размер файла.
Автоматически генерирует CSS-код с помощью инструмента clip-path для создания пользовательских фигур с помощью CSS.
Прокси (proxy), или прокси-сервер — это программа-посредник, которая обеспечивает соединение между пользователем и интернет-ресурсом. Принцип…
Согласитесь, было бы неплохо соединить в одно сайт и приложение для смартфона. Если вы еще…
Повсеместное распространение смартфонов привело к огромному спросу на мобильные игры и приложения. Миллиарды пользователей гаджетов…
В перечне популярных чат-ботов с искусственным интеллектом Google Bard (Gemini) еще не пользуется такой популярностью…
Скрипт (англ. — сценарий), — это небольшая программа, как правило, для веб-интерфейса, выполняющая определенную задачу.…
Дедлайн (от англ. deadline — «крайний срок») — это конечная дата стачи проекта или задачи…