lamer350, Попытался изменить строение HTML документа с соблюдением семантики.
Разбил контентные части на секции , у каждой части присутствует заголовок первого уровня ,если есть необходимость ,то присутствуют подзаголовки. Добавил 2 метатега : ключевые слова и описание сайта. Хотелось бы попросить взглянуть еще раз и объяснить где стало хуже ,где лучше ,буду очень признателен.
lamer350, Отнюдь ,я погуглил и посмотрел и нашел в интернете вагон и маленькую тележку тегов HTML 5 ,я не могу понять ,куда вы мне предлагаете их растыкать? Возможно стоит убрать тег header , возможно стоит основные блоки поместить в section. По поводу изображений понял , стоит их оптимизировать и выбрать правильные форматы.
По поводу SASS понял ,буду читать ,учить. По поводу HTML не понял ,в чем конкретно мои ошибки ,можете указать на них? Я ведь писал этот вопрос ,с целью поиска ошибок ,а вы сказали что-то вроде "Все плохо ,иди учись дальше ,ошибок море ,каких ,естественно ,я не скажу". По поводу фона , в макете был общий бекграунд картинкой в ~7000 пикселей , что делать с таким макетом? Мне ее резать или как то менять? Я не могу понять.
И по поводу PNG, я так понял нужно для фото использовать другой формат? Я пытался сжать фото ,выходит им еще лучше формат поменять ? Если да ,то тогда на какой?
АртемЪ, О ,я как раз собирался уточнить это) Суть в том ,что на сайте есть достаточно много картинок ,и про проверке сайта на скорость загрузки ,мне посоветовало "кэшировать изображения" ,я начитался в интернете ,что можно начать загрузку всех изображений сразу ,до их открытия пользователем ,путем кэширования. Т.е. страницы открылась ,пользователь еще на самом верху ,а изображения в других местах страницы уже грузятся и когда он до них доходит ,они уже загружены ,как то так )
0xD34F, Разобрался в верстке. Что бы центрировать несколько разных по размеру объектов у которых параметр position: absolute ,я задал параметры
margin: auto
left: 0
top: 0
bottom: 0
right: 0
Moskus, Дело в том ,что я не понимаю как это реализовать. Я хочу сделать слайдер и мне приходится изображениям задавать position: absolute, но фото разного размера и мне не удается их отцентрировать (
Ankhena, Теперь стало понятнее ) . Т.е. minmax(0, min-content) в строчке grid-template-columns: minmax(0, min-content) 1fr 1fr 1fr minmax(0, min-content); ,считается как отдельная фракция. Либо я что-то не понял ,либо вы ошиблись , но я насчитал 6 строк.
Великолепно! То что искал!
Но хотелось бы немного пояснения по:
grid-template-columns: minmax(0, min-content) 1fr 1fr 1fr minmax(0, min-content);
grid-template-rows: repeat(5, minmax(min-content, max-content));
Не совсем понятно что делают эти строчки )
