Element Plus - библиотека компонентов на основе Vue 3.0. Вы можете импортировать Element Plus полностью или просто импортировать то, что вам нужно.

#vue

Code Spell Checker - расширение для VS Code для базовой проверки орфографии, которая хорошо работает с кодом camelCase.

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

#vsdoce #расширения

HTML color codes - онлайн инструмент для определения цветовых кодов HTML, шестнадцатеричные цветовые коды, значения RGB и HSL с помощью палитры цветов, цветовой диаграммы и названий цветов HTML.

#инструменты

Just - это библиотека, которая организует задачи сборки для ваших JS-проектов. 

Just состоит из:
- библиотека определения сборки задачи;
- разумные предустановленные потоки сборки для проектов узлов и браузеров с использованием TypeScript, Webpack и jest;
- инструмент для создания шаблонов проекта, который генерирует репозитории, не требующие извлечения, и отслеживает изменения шаблона;

#typescript

Skeleton - это простой адаптивный шаблон для запуска любого адаптивного проекта.

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

Здесь вы не найдете ни Flexbox, ни Grid. будет актуально для тех, кто еще не успел изучить данные модели веб-макета.

#html #css

🔥 Лучшее на канале за последнюю неделю

1) Code Spell Checker - расширение для VS Code для базовой проверки орфографии, которая хорошо работает с кодом camelCase. 
2) Element Plus - библиотека компонентов на основе Vue 3.0. Вы можете импортировать Element Plus полностью или просто импортировать то, что вам нужно.
3) Современный JavaScript для нетерпеливых.
4) Animated Progress Bar - анимированный прогресс бар на чистом CSS с изменением цвета, в зависимости от степени заполнения. 
5) Skeleton - это простой адаптивный шаблон для запуска любого адаптивного проекта.

Всем успешной разработки!

#Лучшее

PDFKit - это библиотека для создания PDF-документов для Node и браузера, которая упрощает создание сложных многостраничных документов для печати. API охватывает цепочку и включает как функции низкого уровня, так и абстракции для функциональности более высокого уровня. 

#javascript

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

Используйте свой любимый фреймворк JavaScript и по умолчанию автоматически отправляйте минимальное количество JavaScript.

#cms

Settings Sync — поможет синхронизировать настройки через профиль на GitHub.

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

#vscode

Metronic - адаптивный и многофункциональный шаблон админ-панели, оснащенный блоками Bootstrap, Vue, React, Angular. Шаблон может использоваться для любого типа веб-приложений: настраиваемые панели администрирования, серверы электронной коммерции, CMS, CRM, SAAS. Metronic имеет чистый и интуитивно понятный интерфейс и плоский сбалансированный дизайн, что делает ваш проект привлекательным и дружелюбным.

#шаблоны

Pageable - легкая js-библиотека без зависимостей, которая преобразует веб-страницу в полноэкранную презентацию с прокруткой. Отличный аналог Fullpage.js

#javascript

Mozilla объявила о выпуске Firefox 90. Новая версия браузера получила ряд улучшений совместимости для Windows, а также скоростной рендерер WebRender и улучшенный блокировщик трекеров в социальных сетях SmartBlock.

Вероятно, самым важным нововведением в свежей версии браузера стала обновлённая функция блокировки отслеживания в социальных сетях SmartBlock 2.0. Она существенно повышает приватность пользователей при работе в интернете. В этой версии сценарии Facebook по сбору персональных данных полностью блокируются, но если пользователь решит авторизоваться с помощью Facebook-аккаунта на любом другом веб-сайте, сценарии будут запущены на время входа, чтобы упростить процедуру. В свежей версии Firefox разработчики Mozilla развёртывают скоростной рендерер WebRender, делающий сёрфинг более плавным даже на слабых компьютерах, повышая комфорт работы в интернете для многих пользователей.

#статьи

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

#инструменты

Расширение Visual Studio IntelliCode предоставляет возможности разработки с помощью искусственного интеллекта для разработчиков Python, TypeScript / JavaScript и Java в Visual Studio Code с аналитическими сведениями, основанными на понимании контекста кода в сочетании с машинным обучением.

#vscode

SVGminify - этот инструмент удаляет ​​лишнюю информацию у файлов SVG, тем самым уменьшая размер ваших изображений.

Редакторы векторной графики, такие как Adobe Illustrator или Inkscape, встраивают в экспортированный файл SVG много информации, которая не требуется для презентации.

#инструменты

Buefy — легковесная библиотека UI-компонентов для Vue, созданная на базе Bulma (CSS-фреймворк). Она комбинирует Bulma с Vue, помогая создавать прекрасно выглядящие приложения с минимальным количеством кода.

#vue

Turbo CSS - это язык CSS более высокого уровня . Имена классов компилируются так же, как исходный код JavaScript. Служебные функции, такие как w in w-16 , действительно являются функциями, принимающими аргументы. CSS фактически создается путем вызова этих служебных функций и передачи им предоставленных аргументов.

Turbo CSS использует ориентированный на мобильные устройства подход к адаптивному дизайну.

Пример кода:
<div class="t1 w-full flex flex-col w6:flex-row w6:flex-end-center p-16 bg-c-white">
  <button class="t1 u1.btn u1.btn-m u1.btn-action-3 mb-8 w6:mb-0 w6:mr-8">Tertiary</button>
  <button class="t1 u1.btn u1.btn-m u1.btn-action-2 mb-8 w6:mb-0 w6:mr-8">Secondary</button>
  <button class="t1 u1.btn u1.btn-m u1.btn-action">Primary</button>
</div>

#css

Facet - позволяет редактировать изображения с учетом содержимого прямо в вашем браузере.

Facet понимает, как маскировать все, от одежды, волос и оттенков кожи до текстур и диапазонов яркости в четверть тона, позволяя вам сосредоточиться на общих концепциях изображения, а не на редактировании на уровне пикселей.

#инструменты

Vectors - отличные бесплатные наборы иллюстраций для личного и коммерческого использования.

#графика

PageMap - мини-карта для веб-страниц. Вы можете создать краткий вид сайта возле скролла. Библиотека похожа на карту как в IDE или редакторах кода.

#javascript

Cirrus.CSS - полностью отзывчивая и всеобъемлющая структура SCSS с красивыми элементами управления и упрощенной структурой. Интегрируйте его с любым существующим дизайном или используйте его, чтобы начать свой следующий проект.

#css