Таблицы в адаптивном дизайне — 2

Скрипты и советы | 9 мая 2017

Уроки CSS на Хабрахабре, habrahabr.ru, Типографика

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

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

Responsive Tables




Начну с моего фаворита — Responsive Tables. Это изящное решение на jQuery и Bootstrap 3, позволяющее скрывать некоторые колонки (все настраивается) или добавлять горизонтальную прокрутку на устройствах с маленькими экранами. Читать дальше →
[Перевод] Медиа-запросы в адаптивном дизайне 2018

В июле 2010 года я написала статью «Как использовать CSS3 медиа-запросы для создания мобильной версии вашего сайта» для...

Подробнее
Прокрутка и внимание в веб дизайне

предлагаю вашему вниманию любопытную статью перевод которой сделан на хабрахабре. Пользователи интернета тратят 80%...

Подробнее
Box-shadows.css

Всем привет! В современном дизайне, при создании сайтов и приложений, многие разработчики применяют эффект глубины и...

Подробнее
[Перевод] Как я создал меняющую настроения анимацию с помощью масок CSS

Помните мультфильмы, которые мы смотрели в детстве? В то время они были олицетворением анимации. Сейчас анимация – это...

Подробнее
[Перевод] Веб-типографика: создаем таблицы для чтения, а не для красоты

Наталия Шергина, фрилансер-редактор и студентка Нетологии, специально для блога перевела лонгрид Richard Rutter о...

Подробнее
[Из песочницы] Фиксированый стиль таблицы или Fixed Table Layouts

Сей опус это вольный перевод публикации Криса Койлера [Chris Coyier] от 2 Июля. В качестве вступления Как вы наверняка...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms/

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями