Узнайте, какие 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. Разберём готовые решения, примеры кода и настройку анимации для шапки.
Разберём, как наложить одно SVG на 4 блока с контентом через CSS mask. Узнайте правильную технику вёрстки без z-index и лишних медиазапросов.
Узнайте, как добавить вертикальные линии между блоками в CSS без лишних рамок по краям. Разбор решений на Flexbox и Grid для адаптивной газетной верстки.
Узнайте, как создать адаптивный favicon для сайта. Разберём форматы, SVG-иконки, теги и настройку для всех устройств. Пошаговая инструкция.
Узнайте, как сверстать блок с синхронным видео в вырезанных областях. Разберём технику с clip-path, mask и SVG для адаптивного дизайна.
Узнайте, как быстро проверить элемент на странице с помощью горячих клавиш. Разберём сочетания для Chrome, Firefox и Edge. Экономьте время разработчика!
Узнайте, как сверстать резиновый блок с видео без фреймворков. Разберём адаптивную верстку, CSS-медиазапросы и JS-контроль плеера. Примеры кода.
Узнайте, как создать вложенный слайдер на Swiper.js с эскизами. Разберём структуру, инициализацию и решение типичных ошибок.
Узнайте, как сверстать SEO-статью правильно: от заголовков до микроразметки. Разберём структуру, теги и оптимизацию для поисковых систем.
Узнайте, как сверстать карточку товара с оценкой от 1 до 5 и привязать её к базе данных. Разберём шаблоны, HTML/CSS и SQL-вывод рейтинга полосками.