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

Каждый день в области веб-разработки появляются новые инструменты и методы. А иногда бывает довольно сложно не отставать от всех новых достижений.

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

Peeky

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

Во-вторых, он поддерживает современный JavaScript “из коробки”, включая Aysnc / Promise, TypeScript и многие другие, которые появятся в будущем. Все это, я думаю, выделяет его среди остальных подобных фреймворков.

peeky-js-framework
Замечательные рекомендации

Awesome Guidelines содержит рекомендации по стандарту кода и передовые практики для многих языков программирования, фреймворков и сред разработки.

Итак, если вы управляете командой разработчиков, это будет отличным справочником для вас, чтобы сформулировать руководящие принципы для вашей команды. Он должен быть в закладке.

aweseme-руководящие принципы
IDB KeyVal

Знаете ли вы, что в браузере есть встроенная база данных? Это называется IndexedDB. Он работает аналогично SQL, где вы можете добавить базу данных и столбцы, за исключением того, что он находится прямо в браузере.

Эта библиотека упрощает работу с IndexedDB. Он устраняет все причуды и совместимость в разных браузерах и версиях.

idb-keyval
Изображение Github Open Graph

Github сделал интересное обновление своей платформы. До этого обновления он выглядел странно, когда делился URL-адресом репозитория из Github, поскольку он показывает автора репозитория.

Теперь с обновлением Github показывает более релевантное изображение для репозитория, которое включает имя репозитория, языки, автора и т. Д. В этом сообщении в блоге Github рассказал, как это работает за сценой.

github-opengraph-изображение
Абсурдный дизайн

Коллекция абстрактных иллюстраций, которые выглядят абсурдно. Если вам когда-нибудь понадобится создать веб-сайт с уникальным лицом, вы можете попробовать использовать эти иллюстрации в своем дизайне. Иллюстрация представлена ​​в двух форматах: PNG и SVG.

абсурдный замысел
WVSC

Пользовательская тема VSCode. Он имеет светлую и темную цветовую схему и отлично смотрится в Retina, а также в кодах HTML, CSS и JS. Еще одна красивая тема, которую следует установить, чтобы придать своему редактору кода свежий вид.

wvsc
Схема API

Инструмент, с помощью которого вы можете анализировать веб-сайт, чтобы получить структурированные метаданные веб-сайта, определенного в Schema.org. Довольно удобный инструмент, чтобы следить за тем, что ваши конкуренты делают со своими метаданными. Кроме того, это бесплатно.

схема-api
Боксиконы

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

боксиконы
Шики

Облегченная библиотека JavaScript для выделения синтаксиса кода правильным цветом. Он быстрый и поддерживает 100 языков, включая один на традиционном китайском. Он также включает некоторые популярные темы, такие как Monokai, Dracula, Github, как темные, так и светлые версии.


Пуленепробиваемая реакция

Предопределенная архитектура, охватывающая практически все, что вам нужно для создания надежного приложения с использованием React.js. Он устанавливает структуру и конфигурацию каталогов, стилизованные компоненты, управление состоянием, аутентификацию, тестирование и т. Д.

Это отличная экономия времени и позволяет сразу же приступить к разработке. Если вам когда-нибудь понадобится создать приложение с React.js, это отличная отправная точка.

пуленепробиваемый
Факел

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

факел
Laravel Zero

Платформа для создания командной строки (CLI) с использованием Laravel. Он имеет несколько вариантов, отличных от одного встроенного Laravel. Например, он добавляет поддержку интерактивного меню, где вы можете выбирать параметры прямо в Терминале, и возможность отправлять уведомления на рабочий стол, чтобы назвать несколько. Это платформа для создания надежного приложения CLI.

ларавел-ноль
WP-CLI светильники

Расширение WP-CLI для создания фиктивного контента. Вы можете создавать не только сообщения, но и другие типы контента в WordPress, такие как Меню, Таксономия и Пользователи. Это удобно для выполнения автоматического тестирования.

wp-cli-fixtures
Звездолет

Starship – это инструмент, расширяющий среду Shell. Он добавляет завершение команд, дополнительную информацию о ваших текущих проектах, такую ​​как текущая ветка Git, показатели Git и версия текущего языка программирования.

Он также предоставляет множество опций, которые делают среду Shell более удобной в использовании и повышают производительность.

звездолет
HTTPie

Современное приложение командной строки для выполнения HTTP-запросов. В отличие от некоторых существующих приложений, HTTPie обеспечивает более интуитивно понятный синтаксис. Он также имеет встроенную поддержку JSON с более читаемым выводом. Это универсальный HTTP-клиент, который помогает вам работать более продуктивно при работе с HTTP-запросами.

httpie
Выучить что угодно

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

учиться чему угодно
Отладка VSCode JS

Новый и улучшенный отладчик JavaScript для Visual Studio Code. Он работает на разных платформах, не только в браузере, таком как Chrome и Edge, но также в среде Node.js и расширении VSCode.

vscode-js-debug
Lint Staged

Сохраняйте исходный код в соответствии со стандартом кода с этим расширением. Он позволяет вам проверять код при его размещении в Git и предотвращает его отправку до того, как он пройдет проверку. Это очень удобно, если вы управляете проектом в команде или с открытым исходным кодом с несколькими участниками.

пухлый
ChromePHP

Эта библиотека PHP позволяет вам управлять Chrome-headless через PHP. Вы можете использовать эту библиотеку для тестирования автоматизации в браузере. Я уверен, что разработчики PHP оценят эту библиотеку, поскольку они могут поддерживать большинство своих проектов на одном языке: PHP.

хром-php
Скорость WebExt

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

Он также позаботился о необходимых конфигурациях, таких как полифиллы WebExtension, WindiCSS для стилизации, ESLint для кода. ворсинок, TypeScript и т. Д.

Speed-Webext

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

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

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