Gulp сборка для верстки сайтов. Ускоряем процесс верстки сайтов.

Gulp сборка для верстки сайтов. Обновление Gulp сборки. В этом видео я презентую обновленную сборку для HTML верстки сайтов. Улучшена работа с графикой. Лучшее качество при оптимизации.

Что добавлено:
• Умеет авто-подключать webp формат в т.ч. и для retina графики.
• Собирает SVG спрайты.
• Производит автогенерацию и автоподключение шрифтов.
• Автозамена путей в html и scss.
• Исправлен баг с ошибкой при при разрыве строки в теге img.

📺 YouTube

WebDEV #видео

WebDEV #test #JavaScript

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

Топ темы для VS Code. Мой список. Настройки редактора. Шрифт с лигатурами

Подборка тем для VS Code и визуальные настройки редактора. Ayu, Palenight, Material theme. Шрифт Fira Code, лигатуры и высота строки.

📺 YouTube

WebDEV #видео

WebDEV #test #Frontend

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

Строгий режим в JavaScript. Как включить и его особенности.

Строгий режим в JavaScript. Включается командой 'use strict'; Строгий режим позволяет избежать некоторых ошибок и сделать JS код более надежным. Особенности использования строгого режима в JS. Ограничения, особенности, правила, нюансы, зачем придуман строгий режим в JavaScript.

📺 YouTube

WebDEV #видео

WebDEV #test #Frontend

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

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

WebDEV #советы

Новые хуки в React 19. Самый полный обзор + примеры кода

В этом видео наглядно рассмотрим новые хуки (new hooks) React 19. Обновления в React 19 позволяют более удобно работать с формой используя action функции, обрабатывать состояние ожидания, и получать информацию о форме, ее данных и обработке с помощью новых хуков useTransition, useFormStatus, useActionState. Также React 19 позмоляет удобно работать с паттерном optimistice UI, новый хук useOptimistic. Ряд упрощений c ref и Context. Новый компилятор который позволяет не испольовать useMemo и useCallback.

📺 YouTube

WebDEV #видео

WebDEV #test #Frontend

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

🛠 Principle отлично подходит для интерактивного дизайна – в частности, для мобильных приложений.

Настройка и полировка анимированных взаимодействий – это то, с чем Principle идеально справляется.

🌍 Сайт

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

Слайдер с 3D эффектом волны на чистом CSS

Слайдер с 3D эффектом волны на чистом CSS. Реализация с помощью CSS трансформаций, работа с перспективой и z-осью в CSS. Слайдер без JavaScript. Раскрытие активного слайда по клику

📺 YouTube

WebDEV #видео

WebDEV #test #Frontend

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

Создание своих сниппетов в VS Code

Как создавать пользовательские сниппеты в редакторе VS Code.

📺 YouTube

WebDEV #видео

💡Добавляйте “пустые состояния” с инструкциями

Пустые экраны. Если пользователь впервые зашел на ваш сайт или приложение, покажите, как начать. Например, если корзина пустая, предложите товары или покажите, как добавить их. Это помогает избежать недоумения и быстрее вовлечь пользователя.

WebDEV #советы