Авторизация все шаблоны для dle на сайте newtemplates.ru скачать

Формирование таблиц на маленьких экранах мобильных устройств.

Формирование таблиц на маленьких экранах мобильных устройств.

Трудности при работе с таблицами.
С большими таблицами, такими, как показанные на рисунке выше, может быть трудно работать на устройствах с маленьким экраном. По умолчанию они уменьшаются до его размеров, отображая слишком мелкий текст, который нельзя прочитать. Пользователи могут увеличить масштаб, но тогда одновременно будут видны только несколько ячеек, и понять организацию заголовков и столбцов станет нелегко.

Веб-дизайнеры задались решением вопроса, как лучше обрабатывать табличный материал на маленьких экранах.

Варианты адаптации таблиц под маленький экран.

Один подход заключается в замене таблицы графическим представлением, например, круговой диаграммой. Конечно, это сработает только для определенных типов информации.

Простые таблицы в две или три колонки для большей гибкости можно представить в виде списка тегом dl.

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

Изучите также способ, предложенный компанией Filament Group (считайте их главными сторонниками адаптивного дизайна) на сайте https://www.filamentgroup.com/lab/responsive-design-approach-for-complex-multicolumn-data-tables.html.

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

Оставить комментарий
Навигация по сайту
  • Скачать 1
  • Скачать 2
  • Скачать 3
Универсальный шаблон готового сайта UseSite

Универсальный шаблон готового сайта UseSite


Полностью готовый к применению в качестве сайта шаблон UseSite является универсальным инструментом для быстрого создания Интернет проекта. В нем предусмотрены все основные модули необходимые современному сайту: фотогалерея,...

Подробнее →  

  • Просмотров: 25 954
Готовый сайт оплаты и доставки электронного товара. OnPay Система платежей

Готовый сайт оплаты и доставки электронного товара. OnPay Система платежей


Готовый шаблон сайта для продажи и доставки электронных товаров. Автоматическая оплата товара и мгновенная его отправка покупателю. Шаблон настроен для работы с платежной системой OnPay. Персональный аттестат WebMoney не...

Подробнее →  

  • Просмотров: 7 997
Редактируем шаблоны готового сайта. Скачать книгу для начинающих вебмастеров

Редактируем шаблоны готового сайта. Скачать книгу для начинающих вебмастеров


Вам не обязательно быть программистом, достаточно научиться понимать и редактировать уже написанный код. Данное руководство предназначено для новичков в вебстроительстве. Рассчитано на работу со специально созданными шаблонами...

Подробнее →  

  • Просмотров: 13 865

 

 

Нименование Количество Цена / 1 шт.
Всего: 0 руб.