Попробовал вот это:.click в JQuery - это обработчик одноименного события, а не его генерация, если Вам нужно сэмулировать клик по элементу, выглядит это примерно так:
$('#element').trigger('click');
А вообще, правильно это релизуется - отслеживанием "хеша" (т.е. того, что после '#' в адресной строке) и соотв. реакцией на его изменение. В принципе примерно это же Вам сказал предыдущий оратор :)Если честно не совсем понимаю, что за 15 пикселей с каждой стороны сетки от 1170.Не могу сказать на 100%, но по моему, это обычные "отступы колонки", с каждой стороны. Т.е. расстояние между колонками соотв. должно быть 15+15px, т.е. 30px.
Для чего эти паддинги по бокам?Это почти риторический вопрос... Но, авторы сетки определенно видели в этом какой-то смысл. Как один из вариантов - что бы контент не "прилипал" к краям дисплея на устройствах с маленьким разрешением, напримр на мобильных.
Дело в том, что я уже много лет в фотошопе и скетче рисую по сетке 1170 без учета этих паддингов.Тут два основных варианта для конечного исполнителя:
Насколько смело можно использовать flex-box сегодня и на чем верстаешь ты?Я использую и пока никто не жаловался. Большинство современных браузеров даже основную часть CSS-Grid'а поддерживает. По сей причине, можно использовать даже его, хотя лично я в восторг от этой спецификации не пришел.
Конечно же если речь не идет о интернет магазине для которого несколько % клиентов могут вылиться в десятки тысячь долларов убытков.Даже не представляю себе такие магазины... В условиях современных реалий, по той причине, что некоторые крупные (очень) интернет-магазины и не только - отказывались нормально работать у пользователей у которых установлен AdBlock, и это не несколько %, а добрая половина пользователей, как минимум...
Если не верно, то приведите примеры, как будет верно применить свой класс к элементу.Такой подход "верен", если Вы потом в нем сами не запутаетесь. Хотя, с точки зрения
Когда я выставляю нулевые значения, то мои строки игнорируются. Не понимаю в чем делоПодозреваю, что дело в том, что стиль который пишите Вы находится на странице выше, чем тот стиль, который задаёт отступы.
header .col-md-6 { ... }
очень часто вижу такое мнение что построение сеток на основе "float" или "inline-block" лучше, потому что флексы поддерживаются не всеми браузерами. Так ли это и почему в таком случае они так популярны?Это действительно так. Но я Вам больше скажу, даже CSS как таковой (или HTML-5), поддерживается не всеми браузерами (IE-1 насколько я помню, CSS не поддерживал). Но я не думаю, что это повод отказаться от CSS или HTML5. И вообще, само по себе выражение "не всеми браузерами" - довольно размытое, что-то из области "не все продукты одинаково полезны".
и почему в таком случае они так популярны?По тому, что они дают довольно большую гибкость, сокращают количество "случайностей" (неожиданного поведения элементов), такой код в целом более читаемый, чем "простыни" из float'ов, и так далее...
интересно может ли робот проиндексировать html, ведь по ссылкам попасть туда он не можетЕсли Вы где-то не прописывали ссылку на этот файл, например, в sitemap.xml, вряд ли какой-то поисковик будет тратить свои ресурсы, в поисках файлов, которых теоретически на сервере нет. По этому, с вероятностью 99% можно сказать, что проиндексирован он не будет (даже если поисковик, каким-то чудесным образом узнал бы о том, что есть такой файл как "index.html", вряд ли бы он стал его индексировать исходя из тех соображений, что пользователь по ссылкам всё равно не сможет туда попасть).
Скажите, какие проблему могут возникнуть с использованием css grid? Хочу применить технологию в реальном проекте.
Что именно позволит верстальщику, "умеющему" (красивое слово) использовать готовые решения и иже с ними переродиться во фронтендера?Ну... как Вы понимаете, верстальщик, это человек, который прежде всего занимается вёрсткой, а JQuery и пр. вытекающие - скорее как некоторый "бонус" к изначальной специализации.
Я знаю как через медиа запросы адаптивить обычную страницу,при портретной ориент-ции блоки могут скакать ? или не умещаться ? Какие подводные камни мб ?Никаких подводных камней, я Вам даже больше скажу, в подавляющем большинстве случаев - страницу адаптирует конкретно по ширине, без учёта ориентации устройства. Но, если Вам вдруг (по какой-то причине) понадобилось адаптировать страницу (или её часть) конкретно в зависимости от ориентации устройства, делается это следующим образом:
@media screen and (max-width: 640px)
таким параметром как "orientation"Как установить ширину div чтобы div которые находятся внутри не выходили за рамки этой ширины?Думаю, вот это ответ на Ваш вопрос. В данном конкретном случае, Вам нужен последний CSS-блок (строки 18-20).
Что лучше использовать SVG или PNG для Логотипа ?Лучше, подозреваю, что SVG. Так как SVG - это векторный формат и он хорошо выглядит на любом разрешении, в т.ч. на телефонах, у которых разрешение физическое может быть очень высоким, а фактическое - в несколько раз меньше.
Как сделать такой hover на input?Вас именно hover интересует? Такой hover можно сделать через backgroud-картинку.