Верстка: Float'ы или Flex'ы?

231
26 ноября 2016, 19:41

Я новичок во фронтенде, изучаю вопрос создания сайта с нуля. Последнее время буквально мучает вопрос, что считают бывалые в этом деле насчет верстки сайта целиком на флексах (flex)? Вроде как и резина реализуется, и адаптив одновременно. Или же первые попытки лучше делать по старинке ДИВами и их размещать флоатами? Какая техника предпочтительнее?

P.S. Разумеется, надо попробовать и то и то самому и решить, но хотелось бы некой конкретики по этому поводу.

Answer 1

Единственный "недостаток" флексов - это их отсутствие в IE9 и ниже. Но так как Вы только начинаете изучать верстку, а их доля неуклонно снижается (на данный момент - менее 2,5% на IE8 и IE9 вместе взятые), то через некоторое время проблема отсутствия флексов в браузере перейдет из области проблем разработчика в область проблем пользователя.

Перед версткой страниц div-ами была верстка таблицами, но Вы же не собираетесь изучать такой анахронизм. Медленно, но верно в такой анахронизм, в данный момент, превращается верстка на div-ах. Поэтому целесообразнее вкладывать большую часть усилий в изучение флекс-ов, с расчетом на будущее. Если же поддержка древних браузеров будет необходима, то для них существуют различные костыли.

Но верстку на div-ах тоже не стоит полностью исключать, так как, будучи профессиональным разработчиком, Вы непременно столкнетесь с кучей готовых проектов, которые нужно будет то немного подправить, то слегка улучшить. Тут некоторый опыт по div-ам и пригодится.

READ ALSO
Открыть ссылку в новой вкладке

Открыть ссылку в новой вкладке

Есть сайт, на котором установлена платёжная системаНаходясь на странице, где указана сумма, я нажимаю на кнопку "ок" (ниже приведён код) и я перехожу...

277
Как адаптировать блоки?

Как адаптировать блоки?

Как можно адаптировать два блока или выразить пиксели в процентах?

256
Сохранить несколько изображений в MySql

Сохранить несколько изображений в MySql

Есть обычная форма добавления фотографий на сервер:

251
Данные из полей неотправленной формы

Данные из полей неотправленной формы

Пользователь зашёл на сайт, ввел данные (напримя, телефон и т

240