Контакты
Местоположение
Россия, Ярославская обл., Ярославль

Достижения

Все достижения (1)

Наибольший вклад в теги

Все теги (20)

Лучшие ответы пользователя

Все ответы (39)
  • Как вы верстаете макет пошагово? Что за чем следует при верстке?

    LucasKane
    @LucasKane
    Front-end Developer
    1) Анализ макета - смотрю что есть в макете, представляю как буду верстать тот или иной элемент или блок, условно разбиваю макет на секции и блоки, записываю все на листочек.
    2) Создаю под каждую секцию и блок свой scss файлик, настраиваю шрифты и размеры, отступы заголовков, все основные цвета сайта выношу в переменные за исключением белого, черного.
    3) Нарезаю графику в ФШ по возможности все что могу, если что то пропущено дорезаю в процессе.
    4) Дальше в отдельных html страничках верстаю секции и блоки входящие в них (сверху-вниз) + адаптивность элементов.
    5) Построение общей сетки страницы и ее сборка из секций.

    Использую для сборки проекта Gulp+Bower.
    Ответ написан
    7 комментариев
  • Вопрос по верстке. Как поступить?

    LucasKane
    @LucasKane
    Front-end Developer
    Начинать лучше с малого и помере развития изучать новое.
    Большинство инструментов "упрощающих" верстку нацелены на решение задач с которыми в самом начале и тем более обучении вы просто не столкнетесь.
    Ответ написан
    Комментировать
  • Подготовка к верстке, чеклист. Что еще?

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

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

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

    LucasKane
    @LucasKane
    Front-end Developer
    c14c65abb8a244cd9ac3a2f6acbfbf86.png
    И после исправления:
    050188851b7948189362ea3c25ccfcd7.png
    Чуть чуть подправить.

    А Проверить еще можно переполнением контента, текст скажем не две три строки, а 5-6. Еще можно в браузере размерами шрифта поиграть, если конечно шрифт не px.
    Ответ написан

Лучшие вопросы пользователя

Все вопросы (8)