Узнайте, какие JS-библиотеки подходят для горизонтального скролла и параллакса. Разберём Locomotive Scroll, GSAP, ScrollMagic и примеры их использования.
Узнайте, как хранить 9 версий одного изображения для retina, WebP и AVIF. Разберём структуру папок и методы оптимизации графики для сайта.
Узнайте, как создать элемент с одним изогнутым нижним правым border-ом на чистом CSS. Разберём способы с border-radius, clip-path и псевдоэлементами без SVG.
Узнайте, как разместить изображение под текстом с помощью CSS. Разберём позиционирование, z-index и порядок элементов в HTML-вёрстке.
Узнайте, как убрать лишние отступы при переносе строк в веб-терминале. Разберём решение с white-space: pre-wrap и альтернативные методы.
Узнайте, как сверстать таймлайн с пунктирной линией и кружком из SVG. Разберём способы интеграции, позиционирования и адаптации под макет.
Узнайте, как сделать скругление фона только в начале и конце строки текста с помощью CSS. Разберём решение с inline-block, box-decoration-break и градиентами.
Узнайте, как создать эффект вокруг фото: с помощью SVG, CSS-масок или готового изображения. Разберём плюсы и минусы каждого способа для веб-дизайна.
Узнайте, как создать эффект волны между карточками при наведении мыши. Разберём реализацию на CSS с использованием псевдоэлементов и clip-path.
Узнайте, почему при копировании текста с сайта возникает тройное дублирование. Разберём причины в коде, CSS и JavaScript. Решение проблемы.
Узнайте, как сделать блок опроса пропорциональным. Разбираем перевод px в проценты и vw, расчёт отступов и шрифтов для адаптивной вёрстки.
Разберём, почему CSS display: none не меняется на flex в инспекторе. Узнайте, как исправить конфликт стилей и заставить отображение работать корректно.
Узнайте, какие основы HTML и CSS нужны веб-дизайнеру. Разберём адаптивность, анимацию и передачу макетов верстальщику без ошибок.
Разберём, как исправить отступы в шапке сайта после удаления элементов. Узнайте, какие CSS-свойства добавить для корректного расстояния между блоками.
Разберём, почему на мобильном появляется горизонтальная прокрутка даже с overflow-x: hidden. Узнайте 5 скрытых причин и методы диагностики.
Узнайте, почему при скролле sticky блоки накладываются друг на друга и как исправить эффект лесенки. Разбираем CSS-решение с пошаговой инструкцией.
Узнайте, как сделать обтекание одного блока другим в CSS. Разберём float, shape-outside и grid для текста вокруг картинки.
Узнайте, почему верстка сайта меняется на разных разрешениях экрана. Разбираем адаптивность, медиазапросы и единицы rem в CSS для десктопа.
Разберём нестандартный подход к вёрстке слайдера с помощью ul-списков. Узнайте о валидности, доступности и производительности такого кода.
Узнайте, как реализовать ссылки без перезагрузки страницы на сайте. Разберём механизм AJAX, примеры кода и способы обновления контента без перехода.
Узнайте, как скрывать и показывать шапку сайта при скролле с помощью CSS. Разберём готовые решения, примеры кода и настройку анимации для шапки.