Ответы пользователя по тегу Веб-разработка
  • Подготовка к верстке, чеклист. Что еще?

    LucasKane
    @LucasKane
    Front-end Developer
    Господи пусть такие дизайнеры плодятся и размножаются!

    А теперь по сути.

    1) Названия лучше давать на английском.
    2) Не злоупотреблять количеством шрифтов - вполне хватит двух или трех (Шрифт для текст, шрифт для заголовков, хитросделанный шрифт для подписи под лого или других декораций)
    3) Хоть немного быть в курсе того, что можно сверстать, а что нет - например цвет заголовков градиентом или картинкой - можно реализовать на css, но работать это будет разве что в Chrome.
    4) Не обрезать картинки делая их круглыми - используйте маски перекрытия или как то так, в верстке нет кругов только прямоугольники и квадрат как частный случай прямоугольника, но визуально сделать картинку круглой и скажем с бордером можно стилями - при этом исходник картинки будет квадратом или прямоугольником.
    5) Используя тени делать их отдельно от изображений.
    6) Элементы форм рисовать без фанатизма и стараться оставлять их такими какие отрисовываются браузером, в основном это касается чекбоксов/радиокнопок выпадающих списков, их можно стилизовать, но до сих пор это такие костыли и гемор, что аж горит, а потом горит у бекэндщиков, так как им все это реализовывать через задницу приходится.
    7) Прежде чем нарисовать какую то супермега крутую красивую вещицу, спросить верстальщика (если есть возможность) сможет он это реализовать.
    Ответ написан
    4 комментария
  • Гуру верстки, оцените первый сайт. Почему он едет при зуме?

    LucasKane
    @LucasKane
    Front-end Developer
    "...при увеличении начинаются проблемы. ...В чем может быть проблема?"

    При увеличении до 200% (процент я так понял зависит от разрешения экрана) начинается вылезание, потому что у класса container фиксированная ширина в 1024px.
    Макет не адаптивный и не резиновый, потому шаг вправо шаг влево и поехала верстка.

    "Как следует проверять свою верстку?"

    • Изменением размера окна браузера;
    • Увеличением размера шрифта в настройках браузера;
    • Переполнением контента;


    "Какой максимальный/минимальный зум она должна выдерживать?"

    А вот тут хз, самому стало интересно.
    Ответ написан
    2 комментария