Полная верстка сайта "с нуля" — от десктопа до мобильных устройств.
Что было сделано:
Респонсивная верстка на основе единого десктопного макета — адаптации под планшеты и мобильные устройства я продумывала самостоятельно.
Использованы современные технологии:
▸ Flexbox
▸ CSS Grid
▸ media-запросы
▸ lazy loading для оптимизации скорости
Семантическая HTML-структура — обеспечивает лучшее SEO и удобство для screen reader’ов.
Доступность (accessibility): навигация с клавиатуры, focus-стили, alt-описания — всё согласно WCAG-практикам.
Базовая SEO-оптимизация: прописаны title, meta-описания, keywords, правильная структура заголовков.
Google Lighthouse:
▸ Performance — 100
▸ SEO — 100
▸ Accessibility — 100
▸ Best Practices — 100
Результат — сайт выглядит стильно, быстро загружается и удобно отображается на всех устройствах.
Что было сделано:
Респонсивная верстка на основе единого десктопного макета — адаптации под планшеты и мобильные устройства я продумывала самостоятельно.
Использованы современные технологии:
▸ Flexbox
▸ CSS Grid
▸ media-запросы
▸ lazy loading для оптимизации скорости
Семантическая HTML-структура — обеспечивает лучшее SEO и удобство для screen reader’ов.
Доступность (accessibility): навигация с клавиатуры, focus-стили, alt-описания — всё согласно WCAG-практикам.
Базовая SEO-оптимизация: прописаны title, meta-описания, keywords, правильная структура заголовков.
Google Lighthouse:
▸ Performance — 100
▸ SEO — 100
▸ Accessibility — 100
▸ Best Practices — 100
Результат — сайт выглядит стильно, быстро загружается и удобно отображается на всех устройствах.