Алибек Кулсеитов: Это уже сами решайте, что там показывать.
Скажу лишь, что документация большому проекту необходима. Через полгода скажут сделать новый блок на сайте. Посмотришь в доке - возможно уже есть нужный или похожий.
В больших проектах имеет смысл дополнительно делать ui kit - несколько страниц со всеми элементами и базовыми блоками из которых собираются страницы. Здесь же приводить примеры использования. Что-то вроде документации к проекту. В качестве примера можете посмотреть доку к любому css фреймворку.
Пора освоить препроцессоры и системы сборки.
Пора начинать верстать независимыми блоками.
Каждый блок описывать в отдельном файле, включая медиазапросы для него.
А сборку уже настроить как вам угодно - хоть в один файл слить, хоть по нескольким группам раскидать. В любом случае все это легко будет изменить.
Сейчас наметилась тендеция отказа от использования префиксов для тестирования новых фич. Вместо этого новые свойства прячутся под флагом experimental и после того, как полностью готовы - включаются по дефолту сразу без всяких префиксов. Пока еще остаются старые фичи, для которых все еще требуются префиксы, но, например те же гриды появились сразу без префиксов в 4-х браузерах.
Елизавета: открыть вкладку Network в девтулзах и посмотреть. или console.log() натыкать в код, где запрос должен уходить и приходить. Короче говоря - отладкой кода заняться.
Вы сначала разберитесь уходит ли запрос на сервер из браузера. Вероятно нет.
Найдите, почему он не уходит. Может быть тот самый undefined тому причиной. Значит надо выяснить почему свойство не определено. По картинкам никто вам не ответит.
А потом, когда запрос будет нормально уходить, уже будете смотреть как отрабатывает php.
берите любую библиотечку для графиков (например highcharts.js) и делайте графики.
php должен только данные для графика передать. можно прямо в страницу писать в виде переменной-объекта.
разница в том что жс может отвалится по разным причинам и элемент перестанет работать (визуально, как минимум).
И напротив, css вариант не будет работать в древних браузерах без поддержки сестринских селекторов. Последний такой, ЕМНИП, был IE7
А серверу-то какая разница, как переключается визуальное состояние элемента?
www.material-ui.com/#/get-started/required-knowledge