Медиазапросы css для мобильных
Как настроить CSS-медиазапросы для смартфонов и проверить, что они срабатывают при нужной ширине экрана.
Блог Planetatest
Практические статьи о мобильной версии сайта: адаптивная вёрстка, навигация, формы, скорость и AMP. В материалах — решения для проверки страниц на смартфонах.
Viewport meta tag
Зачем нужен viewport, как указать ширину устройства и масштаб, чтобы мобильная страница отображалась правильно.
Адаптивные таблицы на сайте
Способы показать таблицы на узком экране без мелкого текста и потери важных данных.
Размер кнопок на мобильном сайте
Как выбрать размер кнопок и расстояние между ними, чтобы по ним было удобно попадать пальцем.
Горизонтальный скролл на мобильном сайте
Когда горизонтальная прокрутка помогает, а когда мешает навигации на телефоне.
Мобильная версия или адаптивный сайт
Сравнение отдельной мобильной версии и адаптивного сайта по разработке, поддержке и удобству.
Контент мобильной и десктопной версии
Как расставить приоритеты в контенте для телефона и сохранить важное при переходе между экранами.
Мобильное меню сайта
Семь вариантов мобильной навигации с примерами HTML и CSS: от гамбургера до нижней панели.
Всплывающие окна на мобильном сайте
Как показывать всплывающие окна на смартфоне, чтобы они не закрывали контент и легко закрывались.
Формы на мобильной версии сайта
Какие поля и элементы управления делают мобильную форму понятнее и удобнее для заполнения.
Amp что это
Что такое AMP, как устроены ускоренные страницы и в каких случаях технология может пригодиться.
Создание amp страницы
Базовая структура AMP-страницы, обязательные теги и проверка готового документа.
Amphtml canonical
Как связать обычную и AMP-версию страницы с помощью canonical и amphtml.
Ошибки amp страниц
Типичные ошибки AMP-разметки и способы найти их перед публикацией страницы.
Отключение amp страниц
Как убрать AMP-версии и проверить, что обычные страницы остаются доступными для поиска.