💡Шпаргалка по CSS

WebDEV #советы

💡Используйте «эффект прогресса»

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

WebDEV #советы

Марафон по верстке Luxtrader

Адаптивно с нуля сверстаем интересный макет. Я буду комментировать все свои действия. Использовать буду свою сборку
GULP, наработки на чистом JS и SCSS.

📺 YouTube

WebDEV #видео

WebDEV #test #Frontend

Выберите правильный вариант 👇🏼

💡Шпаргалка по HTML

WebDEV #советы

Анимация на CSS3 и JS. Анимация на сайте для начинающих

Анимация на CSS3 делается с помощью keyframes. Для начинающих это может показаться не простой задачей но я расскажу и покажу как делать анимацию не только на CSS, но и на JS. Анимация на CSS и JS для сайта очень важна. Анимация позволяет оживить сайт и сделать его более привлекательным. Анимация текста на CSS с помощью keyframes или на JS создается достаточно просто, важно понять основы анимации и тогда вы сможете создать анимацию текста или фона, а так же многое другое для вашего сайта.

📺 YouTube

WebDEV #видео

🛠 AnimeJS — украсьте приложение с помощью этого движка анимации.

Хотя анимация веб-страниц иногда применяется неправильно, разумное использование может облегчить навигацию по веб-сайту. CSS анимация и переходы были огромным шагом вперед, но для более сложных взаимодействий часто требуется библиотека. Anime.js – это анимационный движок, с помощью которого вы сможете добавлять сложные анимированные компоненты в приложения.

🌍 Сайт

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

💡Разница UI / UX

WebDEV #советы

ESBuild полный курс от А до Я. Замена Webpack 5?

В этом ролике мы рассмотрим сборщик (бандлер) для frontend проектов ESBuild. Сравним его с Webpack 5. Разберем основные понятия loader, plugin, dev server, bundle, typescript, css, source map, minify и тд. Esbuild vs webpack. Webpack 5.

📺 YouTube

WebDEV #видео

WebDEV #test #Frontend

Выберите правильный вариант 👇🏼

💡Шпаргалка по HTML

WebDEV #советы

Как оформлять HTML разметку

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

📺 YouTube

WebDEV #видео

WebDEV #test #Frontend

Выберите правильный вариант 👇🏼

💡Шпаргалка по CSS

WebDEV #советы

Простая анимация SVG

В данном видео вы узнаете как легко сделать анимацию для ваших SVG иконок на сайте. В этом нам поможет скрипт vivus.js

📺 YouTube

WebDEV #видео

WebDEV #test #Frontend

Выберите правильный вариант 👇🏼