🛠 SVGito – это бесплатное веб-приложение, которое чистит SVG файлы, и тем самым избавляет вас от необходимости ручного редактирования.

Это маленькое приложение, созданное Питером Новеллом, автоматически оптимизирует ваши SVG-файлы. Одним нажатием кнопки вы сможете уменьшить их размер и сложность, не изменяя внешний вид.

🌍 Сайт

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

Как подключить прием платежей на сайте

В этом уроке я расскажу о том, как настраиваю прием платежей на сайте. В работе я использую свою собственную CRM для ЮКасса. Очень надёжный и удобный инструмент, если нужно быстро подключить платежи к любому лендингу, коммерческому сайту или приложению.

📺 YouTube

WebDEV #видео

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

WebDEV #советы

WebDEV #test #CSS

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

HTML верстка сайта слайдера и посадка на CMS

Сегодня мы рассмотрим создание крутого сайта слайдера от А до Я с использованием актуальных подходов и инструментов (swiper). В процессе обучения мы на реальном практическом примере задействуем все возможности Flexbox CSS, Scss, Sass, БЭМ нейминга, модульного JS и многие другие современные подходы и технологии. В дополнительных уроках мы создадим дизайн в Figma, осуществим посадку верстки на Winter CMS (бывш. October CMS), используя технику Theme Customization и разработаем форму обратной связи с возможностью работать с заявками в админ-панели Winter CMS.

📺 YouTube

WebDEV #видео

WebDEV #test #Frontend

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

💡Шпаргалка

WebDEV #советы

Путь веб-разработчика с полного нуля

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

📺 YouTube

WebDEV #видео

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

WebDEV #советы

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

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

WebDEV #советы

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

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

📺 YouTube

WebDEV #видео

WebDEV #test #Frontend

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

Анимация на 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

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