Agony741

Это от маршрута зависит.

Смотря что понимать под словом сетка.

Скорее да. Но я настолько глуп что не понимаю, чего это мне даст. Эхх, нужно про браузеры почитать...

Просто увидел шорты Академии там говорилось что нужно знать движки... Только я не совсем понимаю что это дает верстальщикам, зная версию движка браузера.

А если и префиксами браузер не поддерживает какое то свойство тогда полифилл бесполезен ?

Решил поглубже познакомится с устройством браузера. В поисковиках искал, но информации там толковых мало, так же после публикации у этих статей 5 - 6 лет прошло.

Короче говоря, не нужно знать движки, просто нужно смотреть что поддерживается браузерами на этом и клепать сайты ?

Такое только для SavaScript DOM есть, или и для CSS, HTML ?

Я вот в блогах разработчиков браузеров смотрю, и не вижу не какого справочника. Где их найти мне ? Я про то что есть же свои какие то дополнения стандарту у каждого браузера, а где справочник или руководство по этим дополнениям ? если это не описано в спецификациях w3c, где их разработчики браузеров размещают ?

Есть браузер,а есть движок браузера, есть движок еще и JavaScript, HTML, CSS и т.д. У меня голова взрывается уже от этих движков.Помогите по полочкам все расставить. На что какой движок влияет, и что мне нужно знать как фронтенд разработчик ? (а то ничего не понимаю, не доходит и все)

Поддерживают ли сейчас ie8 или начинают с 9 ?

А почему мой код плох ? Я проверял у меня одинаково что так что с плагином.

body { background-image: url(../for-pixel-perfect.jpg); background-size: 1440px auto; background-repeat: no-repeat; background-position-x: center; } Как проверять верстку лучше, через плагин или просто прописав этот код, и есть ли в них отличие какое то ?

Это само собой. Я про то как вы верстайте ? Например: 1. Все по порядку верстайте сверху вниз. 2. Сначала разметку страницы делайте - потом сетку - затем и стили добавляйте. 3. Или сначала сетку делайте потом структуру а затем уже стили ?

Обычно дизайном в компаниях занимается один человек а версткой другой. Ну если верстаешь все на em/rem будь готов к тому что заказчик скажет что отступ кнопки не нравится ему, нужно на 10px больше сделать а у тебя все в em или rem иди гадай потом какой отступ нужно указывать. (много времени не займет но все же, для меня это минус, а заказчики разные бывают еще не то спросят) Можешь сразу добавлять, например, сверстал одну секцию и сразу же протестировал. Обычно эти размеры дизайнер задает, вы получайте уже готовый макет оттуда и берете брейкпоинты. Сайты не должны смотреться на всех экранах одинаково, у браузеров движки разные и каждый работает по своему. Вьюпорт и 2x картинки. Обычно да, но, лучше делать адаптив направленный не на конкретное устройство, а на содержимое. Смотря куда попадешь, есть студии которые на этих "сетках" бустрапа и JQuery сайты как печатная машинка сайты печатают, а есть нормальные которые запрещают использовать такое. ps: хотя единого мнения здесь нет, каждый решает свою задачу как считает правильным. Например: Если сайт простой и там мало JS то и JQ использовать не стоит, так как сама библиотека будет весить больше чем функционал нужный сайту. Для поддержки кода он очень удобен особенно с препроцессорами, если вы еще не сталкивались с БЭМ значит вам она еще не пригодилась. Если один работайте то кто мешает, только потом через месяц например придет тот же заказчик и скажет что то исправить вы сможете разобраться в своем коде ? Где то слышал что лучше использовать вложенность как можно меньше. Насколько я знаю для этого вебпак есть, он распределяет все это, нужные стили разделяет как-то на нужную страницу. Из курса по галпу у Кантора слышал. Не совсем уверен, но, чем меньше запросов на сервер тем лучше. Когда я начинал учится верстке, у меня тоже было много вопросов такие же почти как и у вас, я тоже долго искал на них ответы но на некоторые до сих пор не нашел, сейчас я уже понимаю, что нету какого - то эталона верстки, каждый верстает как может и как считает для себя правильным, единого стандарта по верстке нету. Есть спецификация которую каждый понимает по своему, а половина разработчиков и не читали не разу эту спеку. Это вам повезло если попали в хорошую команду разработчиков, там научат всему что нужно для выполнения задач, но только в этой команде, другой команде другие будут правила. Нету в верстке ничего правильного и неправильного, есть только: - Спецификация - Задачи - Инструменты И каждый разработчик по своему это все реализует.

А какому порядку верстки вы придерживайтесь ?

1. Начал задумываться, какие методы верстки существуют еще кроме тех что ниже перечислены ? Мне знакомы: - Таблицы (плохое решение для 2018 года я так понимаю) - Флоаты (я так понимаю для поддержки старых браузеров) - Флексы (только для современных браузеров) - Гриды (плохая поддержка браузерами) - Сетки (вроде bootstrap, foundation, применяются в реальных проектах, или только для прототипирования ?) Что еще есть ? 2. Какой есть порядок верстки, и какому из них придерживайтесь, почему ? Например я знаю: 1. Когда тупо верстаешь сверху вниз. 2. Сначала структуру страницы создаешь затем: a. либо сперва сетку, потом стили задаешь; b. либо сначала стили, а потом на сетку насаживаешь; Как вы верстайте, каким способом ?

у меня мышки "нету", и как перемещаться по Вашему сайту я не знаю, точнее говоря не вижу на каком элементе я сейчас нахожусь. =( ps: изучаю слепой ввод мышку вырубил.

Я так понял, будет какое-то ТЗ, или указание, которому нужно будет следовать ? Короче говоря - "разбирайся с дизайнерами и заказчиками" так ?

Насчет 1400, это размер сайта в макете указан такой, я вот не знаю/понимаю, что должно произойти с сайтом если ширина экрана больше 1400px, например: предположим что пользователь зайдет на сайт и у него размер монитора по ширине 1600px, а фоновые изображения у меня всего на 1400px в ширину, как мне быть? просто сделать фиксированную ширину фонового изображения 1400px (чтобы изображение не тянулось) и если экран шире у пользователя задавать заднему фону какой то цвет ? (чтобы изображение не растянулось на 1600px, ведь в данном случае изображение у меня фоновое с шириной 1400px).

Здравствуйте. 1. Несовсем понимаю логику, например, как верстать сайты в котором ширина макета 1400px, а контент 1170px. ? Получается, сайт не должен быть шире 1400px, а контент не шире 1170px ? (тут мне интересно что должно быть сайтом когда ширина экрана будет больше 1400px, задний фон задавать ?) 2. Объясните, пожалуйста, как в команде разработчики и дизайнеры работают ? Например, в интернете я нахожу только макеты для десктопа, ну и шаблон под мобилу и планшеты разумеется делаю как мне вздумается, а как в командах? как быть в таких случаях когда ты в команде - но макет только для десктопа, тоже на глаз, сам как хочешь и выкручиваешься ? 3. Скиньте, пожалуйста, ссылки где можно скачать макеты с полным набором (мобильные, планшетные, десктопные)

Спасибо всем! Я сделал как тут: http://shpargalkablog.ru/2012/04/css-knopki.html

Всем привет! Есть такая кнопка: Не понимаю, как сделать внизу такую темную линию, или через какое свойство достигается "такое" - не знаю как назвать даже. Подскажите пожалуйста, как это сделать ?