WebDEV
@webb_dev
8.8K subscribers
2.23K photos
11 videos
2.85K 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.8K subscribers
WebDEV
WebDEV #test #Frontend

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

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

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

Выберите правильный вариант 👇🏼
916 views
WebDEV
🗒️ Ответ
Anonymous Quiz
3%
Для остановки выполнения функции
75%
Для предотвращения выполнения действия, связанного с событием
20%
Для остановки всплытия события
2%
Для удаления слушателя события
178 voters908 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. Медиазапросы и адаптивная…
930 views
WebDEV
WebDEV #test #Frontend

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

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

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

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

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

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

Выберите правильный вариант 👇🏼
764 views
WebDEV
🗒️ Ответ
Anonymous Quiz
25%
Это может вызвать проблемы с доступностью (Accessibility)
69%
Элементы могут некорректно позиционироваться в случае адаптивной верстки
7%
Это увеличивает нагрузку на рендеринг страницы
0%
Браузер не сможет кешировать такие элементы
138 voters734 views
WebDEV
Forwarded from Reddit
Традиционный январский розыгрыш iPhone 16 Pro Max

Для участие необходимо быть подписанным на:
• @reddit

Не забудьте нажать кнопку «Участвовать» под постом!

Итоги будут уже в понедельник, 26 января, в 20:00 по московскому времени. Победителя случайно выберет рандомайзер

Приз абсолютно бесплатно отправим победителю в зоне доставки СДЭК, платить не надо. Всем удачи!
629 views
Участвовать (30)