Тут как раз интересны мнения тех кто работал с несколькими. Какие проблемы были с использованием. Я работал только с Less и возможные проблемы на других препроцессорах мне неизвестны пока.
Денис Инешин: У меня как раз сейчас первый вопрос с выбором кол-ва границ стоит. Стоит ли так много их делать? Пока остановился на 3-4. А второй вопрос, с 1024 ли десктопы сейчас начинаются, а не с 1280 (это я по статистике google пары сайтов что я делал, там 1024 среди ПК занимает чуть ли не последнее место среди пользователей), и если все что меньше 1280 отнести к планшетам то остальные границы соответственно немного передвинутся и опять же нужно как-то все грамотно распределить.
Все возможные разрешения я знаю. Мне интересны, какие сейчас границы для переходов в стилях верстки актуальны, чтобы распределить устройства по экранам на группы.
gulp-rigger пользуюсь, но все равно не очень удобно. Особенно когда какая нибудь менюха с большим кол-вом пунктов и вложенных уровней и этим менюхи на разных страницах повторяются, но разные. Шапку и подвал через него только удобно импортировать для меня.
Defman21: Спасибо. А не знаете, maps:// это общепринятый URL-протокол для устройств и ОС (или в будущем в html6 например могут его применить) или же это пока приблизительная реализация и спецификации будет использоваться какой-то другой URL-протокол, отличный от maps:// ?
Интересует реализация на Android, iOS, Windows Phone. Нашёл вот такой вариант
<a href="maps:53.20297129,44.97658950">Ссылка на точку на карте</a>
Открываются карты на Windows Phone, ставится метка по координатам (координаты взяты с яндекс карт и немного смещена метка в картах WP). На Android ничего не открывается (возможно старая версия или отсутствие каких-то нужных сервисов). На iOS открывается карта, но метка не ставится.
Lex Fradski: schema.org как я понял и гуглом и яндексом хорошо принимается, что собственно немного упрощает. А в дальнейшем в процессе изучения schema.org и работы гугла и яндекса с ней возможно и придётся перейти на индивидуальные инструменты поисковиков.
Нашел пару видео про некоторые планшеты, там показывали что у тех моделей есть BIOS (правда на китайском вроде, по видео мелко было). Отсюда собственно и интерес к переустановке, огромным плюсом была бы переустановка системы через загрузочную флэшку.
Есть планшеты сразу с 2'мя ОС Windows/Android, не плохо конечно, но в плане переустановки хотелось бы меньше заморочек, а на таких я как понимаю не обойдется все так просто.
Спасибо за подробный ответ, показали на что нужно обратить внимание, дальше думаю справлюсь)
Автору нужно чтобы блок с меню был фиксированным, но при достижение конца контента скроллился вместе с остальным контентом, в данном случае без js никак. Есть конечно css свойство position sticky caniuse.com/#feat=css-sticky, но из-за поддержки браузерами думаю его пока рано использовать.
Для apple-touch-icon под все размеры можно указать путь на одну иконку хорошего качества и она будет ресайзится под указанный размер. Вы это имели ввиду говоря что достаточно одной иконки?
Меня больше всего смущает большое кол-во apple-touch-icon. Неужели они все используются? Думал что можно подключать 1-3 вариации размеров, а устройство само её сжимает до нужного размера.
take.ms/56Y47 по этому примеру кода объясню.
В данном случае я смотрю стили элемента ".b-doc-menu__item .b-link *", ниже (через 1 блок) идут стили его родительского элемента ".b-doc-menu__item .b-link". Тут видно что серым выделены все свойства кроме color и line-height, потому-что только они передались ".b-doc-menu__item .b-link *" от своего родителя ".b-doc-menu__item .b-link".
В CSS есть параметры как наследуемые от родителя так и ненаследуемые (в интернете об этом можно без проблем информацию найти). Наследуемые параметры всегда передаются дочерним, если у дочернего они не заданы или не переназначены. Ненаследуемые параметры не передаются дочерним, можно лишь указать у дочерних элементов параметр с тем же значением или со значением "inherit" (берет значение параметра родительского элемента).
Если у вас высота ячеек будет в зависимости от контента, то лучше использовать table-cell для них (или flex, но у него поддержка старых отсутствует).
Вам нужно ввести новый подкласс для row и дочерних ячеек. На маленьких экранах у них будут блочные параметры. А на тех экранах где нужно сетка нужно для ячеек сделать display: table-cell, чем самым они будут автоматически по высоте подстраиваться под самый большой блок. Минус в том что при менее 4 ячейках они будут делить родительскую ширину на имеющееся кол-во ячеек.
