Свежие ресурсы для веб-дизайнеров и разработчиков (июнь 2021 г.)
Быть веб-разработчиком означает постоянно учиться, поскольку эта область постоянно развивается, и через день появляются новые обновления. Когда дело доходит до HTML, CSS и JavaScript, всегда будут новые инструменты и материалы, из которых мы сможем поучиться.
В этом раунде серии мы собрали различные типы ресурсов для веб-разработчиков. К ним относятся некоторые удобные инструменты, учебные материалы, чтобы улучшить свои навыки в веб-разработке, а также некоторые пакеты PHP и JavaScript.
Без лишних слов, давайте посмотрим полный список.
Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)
Потрясающие приложения с интерфейсом командной строки
Интерфейс командной строки (CLI) является мощным, быстрым и позволяет автоматизировать задачи, которые были бы медленнее или вообще невозможны, если бы вы выполняли их с его аналогом пользовательского интерфейса.
Это список всех доступных приложений CLI – от интерфейса командной строки до получения результатов футбольного матча и загрузки видео с Youtube до взаимодействия с Facebook и Spotify и многого другого.
На этой платформе вы можете найти список приложений-терминалов, таких как Bash ZSH и Fish, и т. Д. Приложений-редакторов, таких как VIM, emacs и других типов редакторов, менеджеров пакетов, плагинов и список сайтов сообщества.
Если вы хотите узнать больше об использовании терминала и интерфейса командной строки, вам следует добавить этот сайт в закладки как исчерпывающий учебный ресурс.
Плагин для интуитивной вставки диаграмм в редактор блоков WordPress всего за пару кликов. Плагин поддерживает несколько типов диаграмм, включая гистограммы, линейные, круговые и кольцевые диаграммы.
Пакет Laravel для проверки текстового содержимого в вашем приложении Laravel. Он может проверять переводы, опечатки, сленг и может предложить лучший стиль письма. Это довольно уникальный линтер фактически.
Приложение, которое позволяет вам собирать различные типы данных в реальном времени, которые вы хотите отслеживать, в одном месте. Вы можете добавить, например, цену биткойнов, количество подписчиков в Twitter, обмен валюты, доход от AdSense и многое другое.
Производительность обучающей доски
Инструмент для сравнительного анализа нескольких веб-сайтов с целью сравнения их производительности. Он использует Lighthouse под капотом и будет генерировать не только LCP а также FCP но также отчет о доступности и углеродный след. Это отличный инструмент, если вам нужно следить за тем, как идут дела на других веб-сайтах.
Современный инструмент, не зависящий от фреймворка, для создания статического сайта. Вы можете использовать свой любимый фреймворк, такой как React, Vue, веб-компоненты, или просто старый добрый HTML + CSS, в то время как Astro сделает всю работу по компиляции всех этих компонентов в быстрый статический сайт.
IconVG – это инициатива Google по созданию альтернативного формата простой небольшой графики, такой как значки, логотипы и эмодзи, которая обычно используется в Интернете. Он в 3 раза меньше по сравнению с SVG и намного меньше по сравнению с PNG.
На момент написания этот формат является экспериментальным; Тем не менее, очень интересно наблюдать, как этот формат будет принят в будущем в Интернете.
Комплект пользовательского интерфейса, созданный на основе Tailwind CSS. Что уникально в DaisyUI, так это коллекция тем. Помимо традиционной темной и светлой темы, он предоставляет ряд вариантов на выбор в качестве персонажа пользовательского интерфейса.
Вы можете, например, выбрать тему «Ретро», чтобы изменить пользовательский интерфейс на старые цвета, или «Роскошь», чтобы сделать его более стильным.
Если было сложно найти правильную цветовую комбинацию для вашего мобильного приложения, это удобное веб-приложение может помочь. Просто выберите цветовую основу, и она автоматически создаст красивую цветовую схему для мобильного пользовательского интерфейса.
Как следует из названия, это инструмент для создания изображения аватара, причем скучного. Инструмент генерирует аватар на основе комбинации рисунка, цветов и имен пользователей.
Он предоставляет 6 типов внешнего вида, 2 формы и 3 размера для создания аватара. Вы можете скопировать сгенерированный SVG или использовать URL-адрес, например:
https://source.boringavatars.com/marble/120/Jon%20Doe?colors=264653,2a9d8f,e9c46a,f4a261,e76f51
ДеньгиPHP
Работа с валютой может быть сложной задачей, и эта библиотека PHP призвана упростить эту задачу. Это позволяет вам выполнять сложение, вычитание и сравнение. Вы можете выполнять дополнительные операции, такие как вычисление коэффициента, преобразование валюты и форматирование.
Инструмент для автоматизации рабочего процесса без программирования. Он может подключаться ко многим сервисам, таким как Github, Slack, Google Spreadsheet, Dropbox и многим другим. N8N – отличная альтернатива IFTTT и Zapier, бесплатна и имеет открытый исходный код, и вы можете запустить ее на своем собственном сервере.
Сборник советов и фрагментов кода для решения некоторых распространенных проблем в программировании и веб-разработке. Он охватывает JavaScript, Python, React и Git.
В коллекции, например, вы можете найти несколько примеров алгоритмических операций, математики, работы с API-интерфейсами браузера, массивами, объектами и некоторые практические примеры, такие как преобразование JSON в CSV.
Библиотека, позволяющая генерировать короткие, уникальные и непоследовательные идентификаторы. Идентификатор будет похож на Vz5prKnEoo. Он похож на идентификатор видео на Youtube. Библиотека доступна на многих языках, включая PHP, JavaScript, Ruby, Python, Swift и многие другие.
DevToolTips – еще один полезный сайт, который можно добавить в закладки. Он содержит множество советов и рекомендаций по использованию DevTools. Он охватывает DevTools Chrome, Firefox, Edge и даже Safari. Я уверен, что вы найдете маленькие уловки, которых никогда раньше не знали.
Плагин PHPUnit для обнаружения утечек памяти в тестируемых кодах. Отличный инструмент, позволяющий убедиться, что ваш код не приведет к исчерпанию памяти при развертывании в производственной среде.
Кофе с Чарли и Shopify: системы масштабирования
Интересный разговор в серии «Кофе с Чарли». Фигма. Этот эпизод дает вам представление о том, как Shopify создает дизайн-систему, которая масштабируется и справляется с задачами.
Высокопроизводительный интерфейс командной строки для тестирования веб-запросов. Он поставляется с веб-интерфейсом и терминалом, который вы можете использовать, чтобы увидеть, как проходит тест в режиме реального времени.
CLI принимает ряд опций для имитации запроса эталонного теста, таких как количество одновременных операций, количество запросов, продолжительность и запрос метода.
Небольшая коллекция компонентов, созданных с помощью встроенных CSS-классов Tailwind. Каждый компонент прост, без дополнительных или лишних стилей. Это отличный пример того, что мы можем создать с помощью служебных классов и HTML.
Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)
