Страницы

Поиск по вопросам

среда, 27 ноября 2019 г.

Базовые стили браузеров


Какое решение в настоящий момент времени популярно, для нормализации (приведени
всех стилей браузеров, к общему единому состоянию) базовых стилей браузеров, в процессе разработки проекта? 

Пока я нашел три решения:


Сделать все самому, что бы точно знать как все будет устроено.
Использовать - normalize.css
Использовать - reset.css


Еще, я обратил внимание на некоторые сайты крупных проектов, и заметил, что  они, не используют 2 и 3 вариант.
    


Ответы

Ответ 1



Согласен с Oceinic , все уже есть в популярных фреймах, да и вообще браузеры уж давно стали придерживаться единых стандартов, хотя бы стремятся. А по существу отвечу, что 2 и 3 пункты очень стоит применять: если будут векторы, шрифты и svg всякие. если верстка под мобильные браузеры. Тут важно понять чего вы хотите добиться. Вообще сбросы CSS отменяют стили агент пользователя и возвращают множество элементов к их «обесстиленному» состоянию, неком ровному основанию, на котором можно безопасно строить. Однако затем нужно назначить стили большей части элементов до того, как вы сможете строить с их помощью. Задайтесь вопросами: - Оно вам надо? - Вы делаете свой bootstrap? Нет? Тогда используйте готовые фреймы, это очень сэкономит вам нервы и время.

Ответ 2



С нуля было актуально делать несколько лет назад, когда интернет был медленнее, а CSS3 только вышел. После появления CSS3 разработчики, которым чем-то неподходила функциональность "и коробки", как это обычно бывает, стали выкладывать сниппеты, рещающие разнообразные проблемы. Так появились нормалайзеры и резеты. Некоторые из этих сниппетов позже были объединены в фреймворки. Так появились Bootstrap и Foundation. Я не вижу причин использовать нормалайзер не из состава какого-нибудь фреймворка. Даже если вам нужен только нормалайзер и не нужно ничего больше. Например, чтобы получить Bootstrap4 состоящий из одного только нормалайзера, достаточно закомментировать лишние строки в файле bootstrap.scss и перекомпилировать репозиторий.

Ответ 3



Лично использую ресет. так как видел на примере сброс распростростроненных стилей к одному. + js подгрузку(если браузер неподдеживает css3 например ;) Также в довесок добавлю, это требует меньше написания в css, и далее можно спокойно работать от одного старта для всех браузеров. и как уже было сказано крупные проекты используют именно ресет. а не переделкой бутстрапа или иного каркаса(хотя и его подгрузить полностью легче и нетрогать) Нормализация после сброса используется если у пользователей ну уж слишкой большо разброс в браузерах(чаще всего в версиях а не в названиях) Так как старенькая опера и новенькая это как старый ие и хром, со своими особенностями и более близкий к нормам хтмл. резюмируя, советую использовать reset.css + jquery ui + shiv.js для хоршего старта в html5 + css3

Ответ 4



Лично я использую первый способ. Но еще рекомендую обратить внимание: в этой статье https://htmlacademy.ru/blog/64 понятно описываются отличия reset.css от normalize.css (важно это понимать)

Комментариев нет:

Отправить комментарий