Свежие ресурсы для веб-дизайнеров и разработчиков (август 2020 г.)

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

Итак, давайте взглянем на список свежих ресурсов за этот месяц.

DesignResourc.es
Сборник ресурсов для дизайнеров. Здесь вы можете найти инструменты, веб-сайты и идеи для любой категории, связанной с дизайном, как платной, так и бесплатной. Например, вы можете найти инструмент для аудита доступности вашего веб-сайта, инструменты для создания цветов, поиск веб-сайтов для дизайнеров и многое другое.
BlockBook
Создан одним из основных разработчиков ГутенбергBlockBook позволяет разрабатывать Gutenberg в изолированной среде. Вы можете просмотреть библиотеку блоков и просмотреть свойства каждого блока.
WPContent
Сайт, на котором вы можете отправлять, находить и голосовать за статьи и новости, связанные с WordPress. Он создается как замена, когда ManageWP.org был прекращен Godaddy в июне 2020 года.
Инструменты сообщества DigitalOcean
DigitalOcean предоставляет набор инструментов для легкого управления вашей каплей. Один из моих любимых – Инструменты конфигурации Nginx где мы можем генерировать конфиги с предустановкой. Эти инструменты удобны и очень полезны, если вы хотите управлять VPS или Droplet самостоятельно.
StyleStage
Проект, чтобы разжечь дух CSS Zen Garden, один из легендарных проектов в области веб-разработки, и он также может быть первой записью для многих разработчиков, которые изучат веб-разработку.

Подобно CSS Zen Garden, StyleStage показывает и вдохновляет на то, что CSS способен делать с той же структурой HTML.
Контейнеры VSCode
Эта функция в коде Visual Studio просто невероятна. Это позволяет вам запускать Контейнеры Docker как полноценную среду разработки.

Это означает, что вам не нужно устанавливать Node.js, PHP и другие вещи, которые обычно требуются для разработки, прямо на ваш компьютер. Вместо этого VS Code будет использовать те, которые установлены в контейнере Docker.
Wiki.js
Современное вики-приложение, построенное на Node.js. Он поставляется с полной функцией; не только для управления контентом, но и для управления загруженными медиафайлами и пользователями, настройки языка и настройки функций поиска, хранения и внешнего вида.

На момент написания этого поста Wiki.js находится в активной разработке, поэтому мы можем ожидать увидеть больше функций в будущем.
Dolibarr
Современные ERP и CRM для управления деятельностью и ресурсами вашей компании, такими как контакты с клиентами и поставщиками, счета и заказы, бухгалтерский учет и многое другое. Он бесплатный, построен на PHP и предназначен для малых и крупных компаний.
Unsplash
Unsplash – одно из самых популярных мест, где можно найти красивые бесплатные картинки и фотографии. С помощью официального плагина WordPress теперь вы можете искать изображение и добавлять его на свой сайт.

Плагин также добавляет соответствующий замещающий текст, заголовок и обслуживает изображение нужного размера с Unsplash CDN.
EngineeringBlogs
Сборник агрегированных статей и новостей по инженерному делу. Вы можете быть в курсе различных инженерных тем из Интернета, SQL, AWS, Эластичный, и многое другое.
Время музыки
Music Time подключает проигрыватель Spotify к вашему редактору кода. Вы можете добавлять музыку, воспроизводить или создавать списки воспроизведения и открывать для себя новую музыку, не переключаясь на веб-приложение Spotify или настольное приложение. Довольно аккуратно!
Pixi.js
Библиотека JavaScript для создания интерактивного привлекательного контента на настольных компьютерах и мобильных устройствах с использованием собственных веб-технологий: WebGL или Canvas. Вы можете использовать его для создания сложных анимаций и эффектов, которые невозможно реализовать с помощью простого HTML и CSS.
LimeText
LimeText – это текстовый редактор, который работает и очень похож на SublimeText. На бэкэнде, пока SublimeText использует Python, LimeText использует язык го, Это текстовый редактор с открытым исходным кодом, призванный стать бесплатной альтернативой SublimeText.
движение
Позволяет легко добавлять анимацию в приложение React.js, а также жесты взаимодействия, такие как касание, панорамирование и перетаскивание.
Animockup
Инструмент для создания анимированного макета. Есть несколько макетов устройств на выбор – телефон, ноутбук или настольный компьютер. Вы можете загрузить видео в формате MP4, MOV или WebM появиться на экране макета.

Он также предоставляет предустановленный размер, если вы хотите загрузить макет и загрузить его в социальные сети, такие как Facebook, Twitter, Dribbble, Snapchat и Instagram.
NoDesign
Набор инструментов для разработчиков, позволяющих находить и генерировать коды, цвета, сочетания шрифтов и значки, которые дополнят ваш сайт помимо кода.
коробка
Этот инструмент упрощает преобразование вашего PHP-приложения в PHAR. Если вы не знакомы с PHAR, это специальное расширение файла, в которое мы можем поместить и запустить наше приложение PHP в один файл, .phar.
Основы Интернета
Отличная коллекция ресурсов, собранных инженерами Google, с лучшими практиками, советами и инструментами для создания современного веб-сайта и веб-приложения.
Strman
Строковые или текстовые манипуляции довольно распространены в веб-программировании, но также могут быть сложными. Эта библиотека, Strman, предоставляет функции многократного использования, которые упрощают выполнение этих общих задач.

Вы можете найти функцию для добавления текста в другой текст, изменения регистра текста, обрезки текста и многого другого.
Кнопф
Библиотека CSS, которая предоставляет модульную и расширяемую систему кнопок для создания различных типов кнопок. С помощью этой библиотеки вы можете создать простую кнопку, группу кнопок, кнопку со значком и настроить стили в соответствии с потребностями дизайна вашего сайта.

Связанный