Свежие ресурсы для веб-дизайнеров и разработчиков (август 2021 г.)
Каждый день в области веб-разработки появляются новые инструменты и методы. А иногда бывает довольно сложно не отставать от всех новых достижений.
Поэтому в этом посте мы собрали некоторые из самых интересных ресурсов, чтобы помочь нашим коллегам-веб-разработчикам оставаться в курсе последних событий. В этом раунде серии у нас есть инструменты и фреймворки, пара учебных материалов и некоторые ресурсы для дизайна. Без лишних слов, давайте перейдем к полному списку.
Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)
Фреймворк для тестирования JavaScript с некоторыми интересными моментами. Во-первых, он включает красивый пользовательский интерфейс, в котором вы можете запускать и отслеживать тесты каждого файла.
Во-вторых, он поддерживает современный JavaScript «из коробки», включая Aysnc / Promise, TypeScript и многие другие, которые появятся в будущем. Все это, я думаю, выделяет его среди остальных подобных фреймворков.
Awesome Guidelines содержит рекомендации по стандарту кода и передовые практики для многих языков программирования, фреймворков и сред разработки.
Итак, если вы управляете командой разработчиков, это будет отличным справочником для вас, чтобы сформулировать руководящие принципы для вашей команды. Он должен быть в закладке.
Знаете ли вы, что в браузере есть встроенная база данных? Это называется IndexedDB. Он работает аналогично SQL, где вы можете добавить базу данных и столбцы, за исключением того, что он находится прямо в браузере.
Эта библиотека упрощает работу с IndexedDB. Он устраняет все причуды и совместимость в разных браузерах и версиях.
Github сделал интересное обновление своей платформы. До этого обновления он выглядел странно, когда делился URL-адресом репозитория из Github, поскольку он показывает автора репозитория.
Теперь с обновлением Github показывает более релевантное изображение для репозитория, которое включает имя репозитория, языки, автора и т. Д. В этом сообщении в блоге Github рассказал, как это работает за сценой.
Коллекция абстрактных иллюстраций, которые выглядят абсурдно. Если вам когда-нибудь понадобится создать веб-сайт с уникальным лицом, вы можете попробовать использовать эти иллюстрации в своем дизайне. Иллюстрация представлена в двух форматах: PNG и SVG.
Пользовательская тема VSCode. Он имеет светлую и темную цветовую схему и отлично смотрится в Retina, а также в кодах HTML, CSS и JS. Еще одна красивая тема, которую следует установить, чтобы придать своему редактору кода свежий вид.
Инструмент, с помощью которого вы можете анализировать веб-сайт, чтобы получить структурированные метаданные веб-сайта, определенного в Schema.org. Довольно удобный инструмент, чтобы следить за тем, что ваши конкуренты делают со своими метаданными. Кроме того, это бесплатно.
Коллекция иконок, предназначенная для веб-дизайнеров и разработчиков. В коллекции более 1500 иконок из разных категорий. Здесь вы можете найти обычные значки для создания веб-сайтов и приложений, а также логотипы популярных технологий и услуг.
Облегченная библиотека JavaScript для выделения синтаксиса кода правильным цветом. Он быстрый и поддерживает 100 языков, включая один на традиционном китайском. Он также включает некоторые популярные темы, такие как Monokai, Dracula, Github, как темные, так и светлые версии.
Предопределенная архитектура, охватывающая практически все, что вам нужно для создания надежного приложения с использованием React.js. Он устанавливает структуру и конфигурацию каталогов, стилизованные компоненты, управление состоянием, аутентификацию, тестирование и т. Д.
Это отличная экономия времени и позволяет сразу же приступить к разработке. Если вам когда-нибудь понадобится создать приложение с React.js, это отличная отправная точка.
Библиотека для визуализации синтаксиса кода с правильным цветом, который не требует JavaScript. Да! в отличие от аналогичных библиотек для этой цели, Torchlight работает на стороне сервера и выводит полностью визуализированный HTML-код с цветами синтаксиса. Он поддерживает множество языков и предоставляет несколько готовых тем.
Платформа для создания командной строки (CLI) с использованием Laravel. Он имеет несколько вариантов, отличных от одного встроенного Laravel. Например, он добавляет поддержку интерактивного меню, где вы можете выбирать параметры прямо в Терминале, и возможность отправлять уведомления на рабочий стол, чтобы назвать несколько. Это платформа для создания надежного приложения CLI.
Расширение WP-CLI для создания фиктивного контента. Вы можете создавать не только сообщения, но и другие типы контента в WordPress, такие как Меню, Таксономия и Пользователи. Это удобно для выполнения автоматического тестирования.
Starship — это инструмент, расширяющий среду Shell. Он добавляет завершение команд, дополнительную информацию о ваших текущих проектах, такую как текущая ветка Git, показатели Git и версия текущего языка программирования.
Он также предоставляет множество опций, которые делают среду Shell более удобной в использовании и повышают производительность.
Современное приложение командной строки для выполнения HTTP-запросов. В отличие от некоторых существующих приложений, HTTPie обеспечивает более интуитивно понятный синтаксис. Он также имеет встроенную поддержку JSON с более читаемым выводом. Это универсальный HTTP-клиент, который помогает вам работать более продуктивно при работе с HTTP-запросами.
Хотите узнать что-то новое, но не знаете, с чего начать? Перейдите в эту уникальную поисковую систему, которая предоставит вам рекомендации и ресурсы для учебных материалов. Искать можно что угодно — от веб-дизайна до мобильных приложений и т. Д.
Новый и улучшенный отладчик JavaScript для Visual Studio Code. Он работает на разных платформах, не только в браузере, таком как Chrome и Edge, но также в среде Node.js и расширении VSCode.
Сохраняйте исходный код в соответствии со стандартом кода с этим расширением. Он позволяет вам проверять код при его размещении в Git и предотвращает его отправку до того, как он пройдет проверку. Это очень удобно, если вы управляете проектом в команде или с открытым исходным кодом с несколькими участниками.
Эта библиотека PHP позволяет вам управлять Chrome-headless через PHP. Вы можете использовать эту библиотеку для тестирования автоматизации в браузере. Я уверен, что разработчики PHP оценят эту библиотеку, поскольку они могут поддерживать большинство своих проектов на одном языке: PHP.
Шаблон и среда разработки, позволяющие быстро освоить разработку расширений браузера на основе Vue.js и его поддерживающих компонентов.
Он также позаботился о необходимых конфигурациях, таких как полифиллы WebExtension, WindiCSS для стилизации, ESLint для кода. ворсинок, TypeScript и т. Д.
Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)