От автора: в верстке таблицы являются одним из элементов, с адаптивностью которых на сайте могут возникнуть проблемы. Хотелось бы, чтобы и таблицы были адаптивными, и табличная информация осталась при этом читабельной и удобной для восприятия. В данном уроке будет показано несколько способов сделать таблицы на вашем сайте адаптивными.
Читать далее »Архив меток: таблицы
Как создать стильную таблицу прайсов с липким заголовком
От автора: липкие таблицы прайсов идеально подходят для представления товаров и услуг с помощью длинных списков сопоставляемых функций. В этом руководстве мы собираемся создать таблицу с липким заголовком; попутно мы узнаем, как закреплять и откреплять элементы после определенной точки прокрутки. Существует множество плагинов JavaScript, предлагающих такой функционал, например ScrollMagic.js. Однако сегодня давайте бросим себе вызов и напишем собственный код. Таблица ...
Читать далее »Как сделать таблицы адаптивными с CSS
От автора: я считаю, что необходимость создавать адаптивные макеты таблиц возникает гораздо чаще, чем ожидают большинство разработчиков. Часто реакцией на это является желание реализовать какую-то собственную систему координатной сетки или использовать предустановленную библиотеку. Не делайте этого – вы можете сделать таблицы адаптивными с помощью простого CSS. Моя недавняя статья на HackerNews Пишите HTML, как будто сейчас 1999 год, получила намного ...
Читать далее »Таблицы данных
От автора: первое, что мне сказали, когда я начал изучать веб-стандарты около двенадцати лет назад, было: «Не используй таблицы для макета». Это был довольно разумный совет, но не до конца разъяснённый. В результате чего появлялись неудачные интерпретации. Использование разметки таблиц неизбежно приводит к визуальному оформлению, что заставило многих вообще отказаться от HTML-таблиц. Таблица данных: плохо. Совет «не использовать таблицы для ...
Читать далее »