• 0
sc@r@bey

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

    Вопрос

    sc@r@bey

    Привет!

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

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

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

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

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

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

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

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

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

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

    Изменено пользователем sc@r@bey

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах

    5 ответов на этот вопрос

    Рекомендуемые сообщения

    • 1
    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 конечно не стоит смотреть.

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    • 1
    wwt
    6 часов назад, sc@r@bey сказал:

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

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

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    • 1
    SelenIT
    4 часа назад, wwt сказал:

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

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

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

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    • 0
    by chris

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

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах

    Создайте аккаунт или войдите в него для комментирования

    Вы должны быть пользователем, чтобы оставить комментарий

    Создать аккаунт

    Зарегистрируйтесь для получения аккаунта. Это просто!

    Зарегистрировать аккаунт

    Войти

    Уже зарегистрированы? Войдите здесь.

    Войти сейчас

    • Войти через Facebook
    • Войти через Twitter
    • Войти через Microsoft
    • Войти через LinkedIn
    • Войти через Google

    • advertisement_alt
    • advertisement_alt
    • advertisement_alt