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

JavaScript — прекрасный язык. С помощью JavaScript можно построить практически все; от простого веб-сайта, настольного приложения до мобильного приложения и многого другого.

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

Луч
Ray — это небольшое веб-приложение, которое позволяет создавать красивые изображения из фрагментов кода. Вы можете выбрать тему для языка, настроить фон, отступы, текст, а также сохранить и поделиться в социальных сетях или в своем блоге.
Конический стиль
Коллекция примеров CSS conic-gradient (); новая функция CSS для генерации двух или более цветов, повернутых вокруг центральной точки. С коническим градиентом вы можете легко создавать презентации, такие как круговые диаграммы или цветовые круги, просто используя CSS.
Просмотррозавр
Приложение, которое позволяет вам выбрать, в каком браузере открывать ссылку. Оно создано специально для macOS с темной и светлой темой, которая автоматически переключается в соответствии с настройками системы. Больше не нужно вручную копировать и вставлять ссылку в разных браузерах.
Лорипсум
Инструмент для создания «lorem ipsum». Не только контент, но и дополнительное форматирование, такое как заголовок, полужирный шрифт, курсив, цитата и ссылки. Этот инструмент также предоставляет конечную точку API, которую можно использовать для программного создания контента. Довольно удобный инструмент для создания фиктивного контента для тестирования или прототипирования.
WindiCSS
CSS-фреймворк, первый из утилит WindiCSS. Разработан как альтернатива TailwindCSS, которая обеспечивает более быструю загрузку. Он генерирует только используемый CSS и уже интегрируется с несколькими инструментами, такими как Расширение VSCode, CLI, Свернутьи такие фреймворки, как Vue.js, Nuxt.js, и Svelte.
VSCode Vite
Расширение для Быстро, современная интерфейсная разработка с предварительно настроенным инструментом сборки. Если вы используете VSCode, это расширение может помочь упростить ваши рабочие процессы. Вы можете запустить сервер разработки, отладить сборку и выполнить предварительный просмотр прямо из окна редактора.
ViewUse
Коллекция важных новинок Представление состава API что помогает сделать приложения Vue.js более удобными и гибкими. Он предоставляет функцию для выполнения анимации, связи с браузерами, управления состояниями и других служебных функций.
Обзор Lite
Одно из моих любимых расширений VSCode. Это расширение добавляет браузер прямо в VSCode, поэтому вы можете работать и просматривать, не выходя из редактора. Он работает быстро с чистым дизайном, который отлично сочетается с редактором. Он также полностью рабочий DevTools точно так же, как Chrome и Firefox.
Мин.
Min — это очень минималистичный браузер, который нацелен на производительность и защиту конфиденциальности. Браузер Min предоставляет возможность останавливать рекламу, трекеры, скрипты и изображения, чтобы вы могли просматривать быстрее и использовать меньше данных.
Летать
Расширение VSCode, созданное специально для Vue 3. Оно предоставляет языковой сервер для Vue.js и полностью поддерживает проверку типов с помощью TypeScript. Это расширение все еще находится в активной разработке, и в ближайшее время появятся новые функции.
Саруни
Фреймворк полнофункционального веб-приложения с JavaScript. Он предоставляет базовые функции, такие как аутентификация, электронная почта, загрузка изображений и инструменты (React, TypeScript, GraphQL и т. Д.) Для разработки приложения, а также для развертывания приложения с современными рабочими процессами.
С Рис.
Fig — это приложение для macOS, которое добавляет автозаполнение и ярлыки в Терминал, аналогичные тем, которые используются в редакторе кода. Это помогает разработчикам экономить время и работать более продуктивно. На момент написания это приложение все еще находилось на ранней стадии разработки. Если вы хотите заполучить эти вещи, вы можете зарегистрироваться как бета-пользователи.
GrapeJS
GrapesJS — это конструктор веб-макетов, цель которого — помочь вам создать HTML-шаблон без необходимости кодирования. Он поставляется с предварительно созданными компонентами, такими как кнопки, столбцы, изображения, карты и т. Д., Где пользователи могут просто перетаскивать, чтобы создать макет, который им нравится. Вы также можете настроить стили, например размер и цвет. И вы также можете создавать свои собственные пользовательские компоненты.
Радуга CSV
Расширение VSCode, которое обеспечивает подсветку синтаксиса для CSV, что помогает вам легко сканировать и переваривать содержимое CSV. Это своего рода небольшая утилита с большими преимуществами. Я думаю, это следует добавить к функции по умолчанию в VSCode.
Текстовые электроинструменты
Расширение VSCode, обеспечивающее универсальное управление текстом. Вы можете преобразовать регистр текста, строки фильтра и строку с помощью RegEx, удалить дубликаты, вставить номера строк, метку времени, путь и многое другое.
Клиент VSCode REST
Расширение VSCode, позволяющее отправить запрос по URL-адресу и увидеть ответ редактора. Это расширение предоставляет довольно обширные возможности; вы можете, например, отменить запросы, отправить запрос запроса GraphQL, поддержку SOAP, прокси и аутентификации и многое другое.
Горизонт
Хороший маленький инструмент от Github для создания 3D-модели на основе ваших вкладов в Github за год. Вы можете поделиться этой 3D-моделью в социальных сетях, распечатать ее или просмотреть в VR. Довольно круто, правда?
Снежный покров
Сборщик JavaScript разработан для современных веб-приложений и призван стать альтернативой более тяжелому сборщику, например Webpack. Snowpack предлагает лучший процесс сборки, меньше конфигураций, более оптимизированный вывод и поддерживает некоторые фреймворки, такие как React и Preact, из коробки.
Enlightn
Инструмент аудита, который исследует производительность и возможные проблемы безопасности для вашего приложения Laravel. Существует более сотни встроенных аудитов, от базовых до предварительных проверок безопасности, проверок передового опыта и проверок надежности. Вы можете запустить его в одной строке команды или запустить автоматическую проверку своего репозитория. с ботом Github.
Инспектор сайта
Инструмент аудита, который проверяет ваш сайт на наличие опечаток, грамматических ошибок, битых ссылок и других опечаток. Он построен на Ruby / Rails, Vue.js, PostgreSQL и имеет полностью открытый исходный код. Вы можете разместить его на своем собственном сервере.

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

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