Современный тренды верстки

[sc@r@bey]

Привет!

Волею судеб я выпал из веб-разработки на 4 года. И теперь снова хочу вернуться к этому ремеслу.

За это время утекло много воды. Активно развивается html5 и css3.

Есть 2 вопроса, чтобы сориентироваться и быстрее встать в строй.

1. Раньше верстал, используя float, сейчас где-то прочитал, что это не кашерно и нужно использовать другие инструменты, например position.

На самом деле, какие сейчас тренды в верстке страниц, есть ли какие-то предпочтения?

2. Использование различных библиотек и фремймворков, например Bootstrap?

Надо ли их внедрять в работу?

Я понимаю, что в нашем дуальном мире, мнений больше, чем два, но все же...

Основная задача, это создание адаптивных сайтов, хотя даже здесь проскакивает мысль о том, что это не совсем хорошо )

Кстати немного непонятно разница между отзывчивым и адаптивным дизайном?

Edited November 24, 2016 by sc@r@bey

[npofopr]

4 часа назад, sc@r@bey сказал:

1. Раньше верстал, используя float, сейчас где-то прочитал, что это не кашерно и нужно использовать другие инструменты, например position.

что такое position? float всё кошерно, тут больше зависит под какие браузеры верстать. Можно и на flex делать. То те же display:table всё также в ходу.

4 часа назад, sc@r@bey сказал:

2. Использование различных библиотек и фремймворков, например Bootstrap?

Надо ли их внедрять в работу?

Почему нет? Всё же опять зависит от проекта. У Бутстрапа скоро ещё и 4 версия выходит. Мне ещё Lost нравится.

4 часа назад, sc@r@bey сказал:

Кстати немного непонятно разница между отзывчивым и адаптивным дизайном?

Делайте так, чтобы было хорошо на любом разрешении :-) Больше ничего знать не надо) Меньше 320px конечно не стоит смотреть.

[wwt]

6 часов назад, sc@r@bey сказал:

1. Раньше верстал, используя float, сейчас где-то прочитал, что это не кашерно и нужно использовать другие инструменты, например position.

Пристрелите того кто это сказал. Заменять плавающие элементы абсолютно-позиционированными это всегда было не комильфо. Эти подходы не нужно заменять, их нужно использовать там где это нужно. Как и со всем остальным. Верстайте так же как верстали 4 года назад, и начинайте применять новые возможности там где это нужно.

[spartak9871]

 

[SelenIT]

4 часа назад, wwt сказал:

Заменять плавающие элементы абсолютно-позиционированными это всегда было не комильфо.

Возможно, испорченный телефон донес обрывок разговора, касающегося экстремальной оптимизации анимаций и прочего, типа такого. А вообще для новых проектов рекомендуют флексбокс, в том числе по соображениям скорости (к сожалению, русская версия документа по ссылке сильно отдает «надмозгом», по возможности лучше читать оригинал). Ближайшей весной в большинстве браузеров станет доступна грид-раскладка, так что есть смысл уже сейчас ее осваивать.

А насчет адаптивного и отзывчивого неплохо разъясняется в этой статье. Но на практике, по-моему, этими тонкостями сейчас меньше заморачиваются. Главное, чтобы для как можно большего количества пользователей информация оставалась доступной, а интерфейс юзабельным, а уж какими средствами это достигается — вопрос второстепенный. Кстати, доступность (ARIA-атрибуты и т.п.) — тоже довольно актуальный тренд.

[by chris]

Грид-раскладка штука годная. Только когда я начну ее использовать? Возможно, через лет эдак 10. Если нету подготовленных снипетов, шаблонов, то можно и засматриваться. Иначе только мозг себе забивать лишней инфой, имхо.