#html #css
#HTML #css
Вопрос:
Я серьезный новичок, пытающийся разобраться в различных проблемах дизайна в HTML и CSS (и, в конечном счете, JS.). Я постоянно сталкиваюсь с одной и той же темой проблем в каждом из проектов, над которыми я работаю: я часто путаюсь в том, как мне следует выбирать адаптивный дизайн.
В качестве примеров, я часто путаюсь в том, какие единицы измерения мне следует использовать (будь то пиксели, или проценты, или em, или любые другие виды единиц измерения), я не понимаю, будет ли лучше использовать медиа-запросы или мне следует использовать bootstrap, я не понимаю, должен ли я использовать какой-либо инструмент поверх любого другого инструмента, чтобы сделать мой сайт более адаптивным.
Чтобы прояснить, мой вопрос на самом деле не о том, как использовать любой из этих конкретных инструментов. Речь идет об общих принципах, которыми я буду руководствоваться при выборе дизайна для адаптивных сайтов и правильных инструментов для проекта. Кто-нибудь знает какие-нибудь хорошие руководства, которые помогут мне создавать хорошие и адаптивные дизайны?
Комментарии:
Ответ №1:
Сначала стоит потратить время на изучение режимов CSS flexbox и grid layout.
Ознакомьтесь с этими двумя статьями из CSS Tricks:
Они эффективны сами по себе и при правильном использовании естественным образом приводят к созданию адаптивного дизайна.
Bootstrap и другие фреймворки используют их в разных местах, поэтому знание их поможет независимо от того, будете ли вы в конечном итоге писать свои собственные или использовать что-то вроде Bootstrap.