Перейти к содержанию
Planetatest

Блог Planetatest

Практические статьи о мобильной версии сайта: адаптивная вёрстка, навигация, формы, скорость загрузки и AMP. В каждом материале — конкретные решения для проверки и улучшения страниц на смартфоне.

Медиазапросы css для мобильных — Предметный кадр статьи, пригодный для её страницы и карточки блога

Медиазапросы css для мобильных

Как настроить CSS-медиазапросы для смартфонов и проверить, что они срабатывают при нужной ширине экрана.

Читать статью
Viewport meta tag — Предметный кадр статьи, пригодный для её страницы и карточки блога

Viewport meta tag

Зачем нужен viewport, как указать ширину устройства и масштаб, чтобы мобильная страница отображалась правильно.

Читать статью
Адаптивные таблицы на сайте — Предметный кадр статьи, пригодный для её страницы и карточки блога

Адаптивные таблицы на сайте

Способы показать таблицы на узком экране без мелкого текста и потери важных данных.

Читать статью
Размер кнопок на мобильном сайте — Предметный кадр статьи, пригодный для её страницы и карточки блога

Размер кнопок на мобильном сайте

Как выбрать размер кнопок и расстояние между ними, чтобы по ним было удобно попадать пальцем.

Читать статью
Горизонтальный скролл на мобильном сайте — Предметный кадр статьи, пригодный для её страницы и карточки блога

Горизонтальный скролл на мобильном сайте

Когда горизонтальная прокрутка помогает, а когда мешает навигации на телефоне.

Читать статью
Мобильная версия или адаптивный сайт — Предметный кадр статьи, пригодный для её страницы и карточки блога

Мобильная версия или адаптивный сайт

Сравнение отдельной мобильной версии и адаптивного сайта по разработке, поддержке и удобству.

Читать статью
Контент мобильной и десктопной версии — Предметный кадр статьи, пригодный для её страницы и карточки блога

Контент мобильной и десктопной версии

Как расставить приоритеты в контенте для телефона и сохранить важное при переходе между экранами.

Читать статью
Мобильное меню сайта — Предметный кадр статьи, пригодный для её страницы и карточки блога

Мобильное меню сайта

Семь вариантов мобильной навигации с примерами HTML и CSS: от гамбургера до нижней панели.

Читать статью
Всплывающие окна на мобильном сайте — Предметный кадр статьи, пригодный для её страницы и карточки блога

Всплывающие окна на мобильном сайте

Как показывать всплывающие окна на смартфоне, чтобы они не закрывали контент и легко закрывались.

Читать статью
Формы на мобильной версии сайта — Предметный кадр статьи, пригодный для её страницы и карточки блога

Формы на мобильной версии сайта

Какие поля и элементы управления делают мобильную форму понятнее и удобнее для заполнения.

Читать статью
Amp что это — Предметный кадр статьи, пригодный для её страницы и карточки блога

Amp что это

Что такое AMP, как устроены ускоренные страницы и в каких случаях технология может пригодиться.

Читать статью
Создание amp страницы — Предметный кадр статьи, пригодный для её страницы и карточки блога

Создание amp страницы

Базовая структура AMP-страницы, обязательные теги и проверка готового документа.

Читать статью
Amphtml canonical — Предметный кадр статьи, пригодный для её страницы и карточки блога

Amphtml canonical

Как связать обычную и AMP-версию страницы с помощью canonical и amphtml.

Читать статью
Ошибки amp страниц — Предметный кадр статьи, пригодный для её страницы и карточки блога

Ошибки amp страниц

Типичные ошибки AMP-разметки и способы найти их перед публикацией страницы.

Читать статью
Отключение amp страниц — Предметный кадр статьи, пригодный для её страницы и карточки блога

Отключение amp страниц

Как убрать AMP-версии и проверить, что обычные страницы остаются доступными для поиска.

Читать статью
Наверх