Исследование: в 2024 году только 0,5% из топ-200 веб-сайтов мира используют валидный HTML

Исследование: в 2024 году только 0,5% из топ-200 веб-сайтов мира используют валидный HTML

Фронтенд-инженер, бывший сотрудник Google и Miro Йенс Оливер Мейерт провёл исследование, которое показало, что 199 из 200 самых популярных веб-сайтов используют неработающий HTML. Читать далее

Подробнее
[Перевод] Отступ 8px у body: история стиля, который никому не нужен

[Перевод] Отступ 8px у body: история стиля, который никому не нужен

Во всех браузерах элементу body через таблицу стилей по умолчанию добавляется внешний отступ 8px. Но почему именно 8px? Разбираемся вместе с автором книги Jump Start Sass: Get Up to Speed With Sass in a Weekend к старту курса по Fullstack-разработке на Python. Читать далее

Подробнее
[Перевод] Анимация при прокрутке с помощью WAAPI и ScrollTimeline

[Перевод] Анимация при прокрутке с помощью WAAPI и ScrollTimeline

Спецификация W3C Scroll-linked Animations — это экспериментальное дополнение, которое позволяет связать развитие эффекта анимации с прокруткой. Подробностями делимся под катом, пока у нас начинается курс по Frontend-разработке. Читать далее

Подробнее
[Перевод] CSS: работа с текстом на изображениях

[Перевод] CSS: работа с текстом на изображениях

Вы можете встретить компонент пользовательского интерфейса, у которого есть текст над изображением. В некоторых случаях в зависимости от используемого изображения текст будет трудно прочитать. У этой проблемы есть несколько различных решений, таких как добавление градиента или затемнение изображения, наложение тени на текст и другие. Этот прием будет полезен не только frontend и веб-разработчикам, но и ui/ux-дизайнерам. Написать эту статью меня вдохновил твит от Эдди Османи, работающего

Подробнее
Веб-компоненты в реальном мире (часть 2)

Веб-компоненты в реальном мире (часть 2)

Прошло больше года с моей публикации "Веб-компоненты в реальном мире" и у меня накопились новые наблюдения, что ещё не так с этой технологией. Возможно, эти моменты позволят кому-то избежать тупикового пути для своих проектов. Читать дальше →

Подробнее