Ответы пользователя по тегу Вёрстка
  • Покритикуете верстку?

    Aketca
    @Aketca
    Вечный front-end ученик
    Открыл на мобилке. Замечания:
    1. Прелоадер? На хтмл страничке? Что он делает, зачем он?
    2. Бургер меню выглядит максимально не привлекательно. Посмотрите готовые варианты бургеров с анимациями css.
    3. Такой стиль выпадающей меню это 2015 год. Ну реально, сделайте при клике на меню выезжающее меню на весь экран, отцентрируйте ссылки по вертикали и горизонтали для начала. Работайте над собственным ощущением прекрасного.
    4. Где-то кнопку заказа перекрывает картинка
    5. у модалки нет крестика, чтоб закрыть нужно попадать в пиксель мимо окна, так не должно быть

    p.s. сам код не смотрео
    Ответ написан
    Комментировать
  • Достаточно ли такого уровня верстки чтобы уже ходить на собеседования верстальщиком?

    Aketca
    @Aketca
    Вечный front-end ученик
    Самостоятельная практика принесет мало пользы, ибо вы не знаете что именно нужно практиковать. Отправляйте резюме во все компании вашего города на позицию трейни и соглашайтесь на любой вариант работы, где вас будут обучать. Забудьте о деньгах на первое время, зарплату вам платить за такой уровень платить работодатель выше чем минимально допустимая не будет (так как вы первое время не будете приносить бизнесу никакой пользы, только расходы на обучение, электроэнергию, вы будете отвлекать разработчиков от основной работы итд). Сколько продлится этот первый этап зависит от вашей обучаемости и желания работодателя платить вам деньги.

    По макету много вопросов, многое сделано не оптимально (к примеру, если у нас есть карточка товара, то мы должны учитывать, что названия товаров могут быть самой разной длинны, цена будет различная, это может быть 6$ а может быть 9999.99 USD - верстка не должна ломаться независимо от переменных, приходящих в вашу верстку). Заголовки должны использоваться для заголовков, тайтл карточки товара это не заголовок страницы (ну тут можно поспорить, сеошники рассудят). Блок новинки сезона и кнопка "следующее" (.new__next) - это шок контент, посмотрите в инспектор элементов и поймете сами. В ссылках для заглушек вместо # используйте javascript:void(0) - при клике страница не будет прыгать вверх. Много вопросов по адаптивности. Я так понимаю это был макет из головы - скачайте из интернета бесплатные psd макеты (или найдите на фрилансе люди публикуют реальные заказы, скачайте просто реальный макет) и сверстайте минимум 5 разных макетов.

    Но это все узнается только на практике, лучше с опытным наставником - поэтому трейни позиция, обучение, отсутствие зп (это я говорю чтоб не было иллюзий, мол я сверстал лендос и где моя мазда 6?)
    Ответ написан
  • Варианты вёрстки подобного блока?

    Aketca
    @Aketca
    Вечный front-end ученик
    Ну, у тебя есть общий враппер блока, в нем один див для центральной картинки и дивы для кружков по кругу. В кружках которые по кругу у тебя число и текст, эти кружки позиционируются абсолютом - не вижу ничего сложного. На мобилке либо трансформ скейл 0.7 к примеру, если там не много текста в кружках либо отменяешь позиционирование и делаешь всё вертикально прямоугольниками. Вариант "какой бюджет так и делаю" не рассматривай, независимо от бюджета делать говно с бэкграундом не стоит
    Ответ написан