Как сверстать этот блокВарианты:
Как это можно исправить? В коде написать что-то?Есть подозрение, что нужно:
.. в путях (к картинкам, скриптам и пр. штукам, которые у Вас на первой картинке не прогрузились)..) на абсолютные (т.е. начинающиеся с /)
Как вы работаете с свг?
<?= file_get_content(__FILE__.'/img/svg/image1.svg'); ?>1- Возможен ли 100% пиксель пёрфект? как бы я не старался сдвигать всё по милипиксилям, всё равно идёт малейшее несоответствие с макетом, а особенно со шрифтами.Шрифты - подогнать можно, если дизайнер их предварительно правильно обработал. Но, подогнать под 1 конкретный браузер, т.к. разные браузеры по разному рендерят шрифты. Выводы - сделаете самостоятельно :)
2- Нужно ли так очень ответственно подходить к работе?Эти вопросы обычно обсуждаю с заказчиком и/или дизайнером или тем, кто принимает макет по факту. А так же опираясь на то, из какого места у дизайнера рисовавшего макет - растут руки, иной раз, делать "в точности как нарисовано" - означат "угробить проект", т.к.
Через меня прошло пару заказов и вдруг начали жаловаться, что идёт сильное не соответствие с макетом.Очень странно, что они начали жаловаться после того как приняли макет...
Если честно не совсем понимаю, что за 15 пикселей с каждой стороны сетки от 1170.Не могу сказать на 100%, но по моему, это обычные "отступы колонки", с каждой стороны. Т.е. расстояние между колонками соотв. должно быть 15+15px, т.е. 30px.
Для чего эти паддинги по бокам?Это почти риторический вопрос... Но, авторы сетки определенно видели в этом какой-то смысл. Как один из вариантов - что бы контент не "прилипал" к краям дисплея на устройствах с маленьким разрешением, напримр на мобильных.
Дело в том, что я уже много лет в фотошопе и скетче рисую по сетке 1170 без учета этих паддингов.Тут два основных варианта для конечного исполнителя:
Как сделать что бы оно показывалось пользователю только при первом посещение, когда она закроет его оно больше не появлялось пока он не почистит куки?Ответ в самом вопросе - записать в куки, было ли показано окно.
Если не верно, то приведите примеры, как будет верно применить свой класс к элементу.Такой подход "верен", если Вы потом в нем сами не запутаетесь. Хотя, с точки зрения
Когда я выставляю нулевые значения, то мои строки игнорируются. Не понимаю в чем делоПодозреваю, что дело в том, что стиль который пишите Вы находится на странице выше, чем тот стиль, который задаёт отступы.
header .col-md-6 { ... }
Что предполагается искать этим поиском?Всё что угодно, от записей (сущностей) проекта, например, "пользователей", "новостей" и т.п. до пунктов меню в панели управления.
очень часто вижу такое мнение что построение сеток на основе "float" или "inline-block" лучше, потому что флексы поддерживаются не всеми браузерами. Так ли это и почему в таком случае они так популярны?Это действительно так. Но я Вам больше скажу, даже CSS как таковой (или HTML-5), поддерживается не всеми браузерами (IE-1 насколько я помню, CSS не поддерживал). Но я не думаю, что это повод отказаться от CSS или HTML5. И вообще, само по себе выражение "не всеми браузерами" - довольно размытое, что-то из области "не все продукты одинаково полезны".
и почему в таком случае они так популярны?По тому, что они дают довольно большую гибкость, сокращают количество "случайностей" (неожиданного поведения элементов), такой код в целом более читаемый, чем "простыни" из float'ов, и так далее...
интересно может ли робот проиндексировать html, ведь по ссылкам попасть туда он не можетЕсли Вы где-то не прописывали ссылку на этот файл, например, в sitemap.xml, вряд ли какой-то поисковик будет тратить свои ресурсы, в поисках файлов, которых теоретически на сервере нет. По этому, с вероятностью 99% можно сказать, что проиндексирован он не будет (даже если поисковик, каким-то чудесным образом узнал бы о том, что есть такой файл как "index.html", вряд ли бы он стал его индексировать исходя из тех соображений, что пользователь по ссылкам всё равно не сможет туда попасть).
tab1[field1]
Что именно позволит верстальщику, "умеющему" (красивое слово) использовать готовые решения и иже с ними переродиться во фронтендера?Ну... как Вы понимаете, верстальщик, это человек, который прежде всего занимается вёрсткой, а JQuery и пр. вытекающие - скорее как некоторый "бонус" к изначальной специализации.
Я знаю как через медиа запросы адаптивить обычную страницу,при портретной ориент-ции блоки могут скакать ? или не умещаться ? Какие подводные камни мб ?Никаких подводных камней, я Вам даже больше скажу, в подавляющем большинстве случаев - страницу адаптирует конкретно по ширине, без учёта ориентации устройства. Но, если Вам вдруг (по какой-то причине) понадобилось адаптировать страницу (или её часть) конкретно в зависимости от ориентации устройства, делается это следующим образом:
@media screen and (max-width: 640px) таким параметром как "orientation"