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

Быть веб-разработчиком означает постоянно учиться, поскольку эта область постоянно развивается, и через день появляются новые обновления. Когда дело доходит до HTML, CSS и JavaScript, всегда будут новые инструменты и материалы, из которых мы сможем поучиться.

В этом раунде серии мы собрали различные типы ресурсов для веб-разработчиков. К ним относятся некоторые удобные инструменты, учебные материалы, чтобы улучшить свои навыки в веб-разработке, а также некоторые пакеты PHP и JavaScript.

Без лишних слов, давайте посмотрим полный список.

Потрясающие приложения с интерфейсом командной строки

Интерфейс командной строки (CLI) является мощным, быстрым и позволяет автоматизировать задачи, которые были бы медленнее или вообще невозможны, если бы вы выполняли их с его аналогом пользовательского интерфейса.

Это список всех доступных приложений CLI – от интерфейса командной строки до получения результатов футбольного матча и загрузки видео с Youtube до взаимодействия с Facebook и Spotify и многого другого.

awesome-cli-apps
Терминалы

На этой платформе вы можете найти список приложений-терминалов, таких как Bash ZSH и Fish, и т. Д. Приложений-редакторов, таких как VIM, emacs и других типов редакторов, менеджеров пакетов, плагинов и список сайтов сообщества.

Если вы хотите узнать больше об использовании терминала и интерфейса командной строки, вам следует добавить этот сайт в закладки как исчерпывающий учебный ресурс.

терминальные сексуальные
Блоки графиков

Плагин для интуитивной вставки диаграмм в редактор блоков WordPress всего за пару кликов. Плагин поддерживает несколько типов диаграмм, включая гистограммы, линейные, круговые и кольцевые диаграммы.

блок диаграмм
Laravel Prose Linter

Пакет Laravel для проверки текстового содержимого в вашем приложении Laravel. Он может проверять переводы, опечатки, сленг и может предложить лучший стиль письма. Это довольно уникальный линтер фактически.

ларавелла-проза
Радар

Приложение, которое позволяет вам собирать различные типы данных в реальном времени, которые вы хотите отслеживать, в одном месте. Вы можете добавить, например, цену биткойнов, количество подписчиков в Twitter, обмен валюты, доход от AdSense и многое другое.

радар
Производительность обучающей доски

Инструмент для сравнительного анализа нескольких веб-сайтов с целью сравнения их производительности. Он использует Lighthouse под капотом и будет генерировать не только LCP а также FCP но также отчет о доступности и углеродный след. Это отличный инструмент, если вам нужно следить за тем, как идут дела на других веб-сайтах.

таблица лидеров
Astro Build

Современный инструмент, не зависящий от фреймворка, для создания статического сайта. Вы можете использовать свой любимый фреймворк, такой как React, Vue, веб-компоненты, или просто старый добрый HTML + CSS, в то время как Astro сделает всю работу по компиляции всех этих компонентов в быстрый статический сайт.

астро
IconVG

IconVG – это инициатива Google по созданию альтернативного формата простой небольшой графики, такой как значки, логотипы и эмодзи, которая обычно используется в Интернете. Он в 3 раза меньше по сравнению с SVG и намного меньше по сравнению с PNG.

На момент написания этот формат является экспериментальным; Тем не менее, очень интересно наблюдать, как этот формат будет принят в будущем в Интернете.

iconvg
DaisyUI

Комплект пользовательского интерфейса, созданный на основе Tailwind CSS. Что уникально в DaisyUI, так это коллекция тем. Помимо традиционной темной и светлой темы, он предоставляет ряд вариантов на выбор в качестве персонажа пользовательского интерфейса.

Вы можете, например, выбрать тему «Ретро», чтобы изменить пользовательский интерфейс на старые цвета, или «Роскошь», чтобы сделать его более стильным.

маргаритка
Мобильный поддон

Если было сложно найти правильную цветовую комбинацию для вашего мобильного приложения, это удобное веб-приложение может помочь. Просто выберите цветовую основу, и она автоматически создаст красивую цветовую схему для мобильного пользовательского интерфейса.

мобильный пластинчатый генератор
Скучные аватары

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

Он предоставляет 6 типов внешнего вида, 2 формы и 3 размера для создания аватара. Вы можете скопировать сгенерированный SVG или использовать URL-адрес, например:

https://source.boringavatars.com/marble/120/Jon%20Doe?colors=264653,2a9d8f,e9c46a,f4a261,e76f51
скучные аватарки
ДеньгиPHP

Работа с валютой может быть сложной задачей, и эта библиотека PHP призвана упростить эту задачу. Это позволяет вам выполнять сложение, вычитание и сравнение. Вы можете выполнять дополнительные операции, такие как вычисление коэффициента, преобразование валюты и форматирование.

деньги-php
N8N

Инструмент для автоматизации рабочего процесса без программирования. Он может подключаться ко многим сервисам, таким как Github, Slack, Google Spreadsheet, Dropbox и многим другим. N8N – отличная альтернатива IFTTT и Zapier, бесплатна и имеет открытый исходный код, и вы можете запустить ее на своем собственном сервере.

n8n
30 секунд кода

Сборник советов и фрагментов кода для решения некоторых распространенных проблем в программировании и веб-разработке. Он охватывает JavaScript, Python, React и Git.

В коллекции, например, вы можете найти несколько примеров алгоритмических операций, математики, работы с API-интерфейсами браузера, массивами, объектами и некоторые практические примеры, такие как преобразование JSON в CSV.

30 секунд кода
HashID

Библиотека, позволяющая генерировать короткие, уникальные и непоследовательные идентификаторы. Идентификатор будет похож на Vz5prKnEoo. Он похож на идентификатор видео на Youtube. Библиотека доступна на многих языках, включая PHP, JavaScript, Ruby, Python, Swift и многие другие.

хешиды
DevToolsСоветы

DevToolTips – еще один полезный сайт, который можно добавить в закладки. Он содержит множество советов и рекомендаций по использованию DevTools. Он охватывает DevTools Chrome, Firefox, Edge и даже Safari. Я уверен, что вы найдете маленькие уловки, которых никогда раньше не знали.

devtoolstips
блуждание / отсутствие утечек

Плагин PHPUnit для обнаружения утечек памяти в тестируемых кодах. Отличный инструмент, позволяющий убедиться, что ваш код не приведет к исчерпанию памяти при развертывании в производственной среде.

отсутствие утечек
Кофе с Чарли и Shopify: системы масштабирования

Интересный разговор в серии «Кофе с Чарли». Фигма. Этот эпизод дает вам представление о том, как Shopify создает дизайн-систему, которая масштабируется и справляется с задачами.

Shopify-масштабирующие системы
Плуг

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

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

пахать
Tinywind

Небольшая коллекция компонентов, созданных с помощью встроенных CSS-классов Tailwind. Каждый компонент прост, без дополнительных или лишних стилей. Это отличный пример того, что мы можем создать с помощью служебных классов и HTML.

крошечный ветер

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *