WebDEV
@webb_dev
8.96K subscribers
2.21K photos
11 videos
2.72K links
Сообщество веб-разработчиков.

На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc

Канал на бирже: telega.in/c/webb_dev

РКН: clck.ru/3L2oTf
Download Telegram
About
Blog
Apps
Platform
Join
WebDEV
8.96K subscribers
WebDEV
💡Уделяйте внимание тексту кнопок

Эффективные призывы. Вместо стандартного «Отправить» или «Купить» используйте более конкретные и мотивирующие тексты, например: «Получить доступ», «Оформить заказ за 1 минуту». Это повышает конверсии и вовлекает пользователей.

WebDEV #советы
809 views
WebDEV
WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
788 views
WebDEV
🗒️ Ответ
Anonymous Quiz
12%
Ошибка JavaScript, возникающая при неправильной настройке DOM
50%
Временное отображение нестилизованного содержимого до загрузки CSS
24%
Технология оптимизации загрузки изображений
14%
Методика ускорения взаимодействия с API
156 voters812 views
WebDEV
WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
824 views
WebDEV
🗒️ Ответ
Anonymous Quiz
7%
Установка display: inline для всех блоков
74%
Использование CSS-свойства will-change для элементов с ожидаемой анимацией
9%
Увеличение количества JavaScript-файлов для удобства разработки
9%
Отключение кеширования браузера для более частых обновлений
162 voters886 views
WebDEV
WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
890 views
WebDEV
🗒️ Ответ
Anonymous Quiz
49%
aspect-ratio
34%
grid-auto-flow
5%
minmax()
12%
fr
166 voters864 views
WebDEV
WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
913 views
WebDEV
🗒️ Ответ
Anonymous Quiz
3%
Для остановки выполнения функции
75%
Для предотвращения выполнения действия, связанного с событием
20%
Для остановки всплытия события
2%
Для удаления слушателя события
177 voters903 views
WebDEV
Адаптивная верстка сайта CSS, HTML 2025. Макет Bodyshape. Подробный урок CSS Grid

Адаптивная HTML CSS верстка сайта из Figma лендинга спорт фитнес клуба BodyShape.

📺 YouTube

WebDEV #видео
YouTube
Адаптивная верстка сайта CSS HTML 2025. Макет BodyShape. Подробный урок. CSS Grid
Адаптивная HTML CSS верстка сайта из Figma лендинга спорт фитнес клуба BodyShape.

Макет, материалы и готовый код: https://xn--r1a.website/+9XtDDNBdHAk4Yjhi (пост за 13.01.2025)

Верстка по пакету из Figma, CSS, переменные, fexbox и css grid. Медиазапросы и адаптивная…
922 views
WebDEV
WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
838 views
WebDEV
🗒️ Ответ
Anonymous Quiz
10%
Использование WebP для изображений
15%
Уменьшение количества HTTP-запросов
53%
Использование CDN и серверного кеширования
22%
Сжатие CSS и JavaScript
174 voters858 views
WebDEV
WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
861 views
WebDEV
🗒️ Ответ
Anonymous Quiz
70%
Обеспечивает синхронизацию анимации с частотой обновления экрана
9%
Уменьшает объем используемой памяти
13%
Позволяет анимации запускаться только в фоновом режиме
9%
Полностью исключает необходимость JavaScript
128 voters850 views
WebDEV
WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
870 views
WebDEV
🗒️ Ответ
Anonymous Quiz
8%
Использование только локальных шрифтов
40%
Применение свойства font-display: swap;
46%
Предварительная загрузка шрифтов через <link rel="prefetch">
6%
Сжатие шрифтов до формата WOFF2
156 voters878 views
WebDEV
WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
782 views
WebDEV
🗒️ Ответ
Anonymous Quiz
6%
Использование большого количества JavaScript на странице
79%
Отсутствие размеров для изображений и встроенных объектов
8%
Применение анимаций с использованием transform
7%
Использование Web Fonts без предзагрузки
138 voters758 views
WebDEV
💡Добавляйте прогресс-бары на сложных страницах

Визуализация прогресса. Если ваш сайт включает длинные формы или много шагов (например, процесс оформления заказа), добавьте прогресс-бар. Это помогает пользователям видеть, сколько шагов осталось, и уменьшает ощущение нагрузки

WebDEV #советы
769 views
WebDEV
WebDEV #test #Frontend

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