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

    dom1n1k
    @dom1n1k
    В целом хорошо. Конечно, есть шероховатости, но ничего критичного.

    1. Ширина блоков с мороженым ограничивается через max-width, отчего при некоторых размерах окна они слипаются. Нужно сделать нормальные отступы между ними.

    2. В блоке .features я не понимаю, зачем нужно иконку выносить в before и вешать на модификатор? Ну точнее, понимаю - лаконичность кода, бла-бла - но считаю это плохой практикой. Иконка должна быть отдельным элементом, это очевиднее и гибче.

    3. Название мороженного это ссылка (логично), но при ховере на блок подчеркивание пропадает почему-то.

    4. Не нужно использовать слишком общие классы типа .header или .modal. В почти любом сайте у вас будет несколько хедеров и так далее. Нужно конретизировать, даже если прямо сейчас это вроде бы пока не нужно: page-header, modal-header, section-header, catalog-header и т.п.

    5. Телефон некликабельный. И даже если бы он был кликабельный, все равно не получилось бы нажать, потому что слайдер его перекрывает.

    6. В слайдере перелистывание только по "биатлону"? Для мобилы это мелко, нужен свайп или боковые кнопки.

    7. Я сделал бы кнопки тегом [button], а не [a]

    8. Ну и для кнопок имеет смысл отключать возможность выделения текста.

    Это то что я нашел за несколько минут.

    Найти работу однозначно можно, потому что качество результата уже сейчас выше, чем у большинства людей, которые называют себя верстальщиками. Самое главное - видно, что автор обладает аккуратностью и вниманием к деталям. Это просто бич огромной части разрабов! Всякие scss и gulp-ы они значит изучили, а разницу между 10 и 15 пикселями не видят...
    Ответ написан
    1 комментарий
  • Нормально ли такое расхождение с макетом?

    dom1n1k
    @dom1n1k
    Допустимо, но не топ-класс.
    Ответ написан
    Комментировать
  • Существует ли профессиональный верстальщик?

    dom1n1k
    @dom1n1k
    Да, есть такая проблема.
    Процентов эдак 90 фронт-эндеров, которые думают, что они умеют верстать - верстать не умеют. А уж про бэков и речи нет, там вообще глухо.

    А всё потому, что уже много лет в иерархии веб-разработки верстка считается одной из низших ступеней. Это непрестижно, это низкооплачиваемо, это некруто (не везде, но в среднем). Много раз доводилось читать, что "засиделся в верстке = прекратил развиваться". И любой неофит, выучив список html-тегов и css-свойств, да какой-нибудь препроцессор со сборщиком, гордо ставит себе ачивку "верстка" и радостными прыжками устремляется в джунгли JS. Умея при этом верстать на уровне неандертальца.

    Между тем хорошая верстка - это знание множества тонких моментов, специфический опыт, понимание поведения контента и, не побоюсь этого слова, дизайнерское виденье.

    Хорошие верстальщики есть. Но:
    а) Их мало.
    б) Ценник довольно высок.
    в) Они редко сидят на фриланс-биржах в свободном доступе, а чаще работают по постоянной клиентуре (которая осознанно готова платить соответствующую цену).
    Ответ написан
    Комментировать
  • Как спозиционировать элемент?

    dom1n1k
    @dom1n1k
    Внимание, вопрос: зачем тут изгаляться с псевдоэлементами, если можно (и нужно!) скруглить и стилизовать сам элемент?
    Ответ написан
    Комментировать
  • Разный размер макета и верстки?

    dom1n1k
    @dom1n1k
    Что тут непонятного? В Винде стоит масштабирование 125%.
    Ответ написан
    Комментировать
  • Почему не работает фильтр-ползунок на странице?

    dom1n1k
    @dom1n1k
    Поначалу не работало, но потом немного походил по ссылкам и вдруг внезапно стало работать. Причем в двух браузерах - Хром и ФФ.

    PS Скролл страницы, который живет своей собственной жизнью, выбесил за минуту. Почему нельзя сделать обычную страницу, которая скроллится нативно-крестьянским образом?!
    Ответ написан
  • Должен ли дизайнер отдавать папку с файлами вместе с макетом "по умолчанию"?

    dom1n1k
    @dom1n1k
    Позиция дизайнера в целом понятна, но изложена по-мудацки. Ему проще и быстрее было бы кинуть ссылку на конкретные шрифты на GF, чем так долго и нудно объяснять, почему он не будет этого делать.

    Кстати, верстка сельского сайта весьма неплохая для 5к рублей.
    Ответ написан
    1 комментарий
  • Какие книги must-have для верстальщика-профессионала по Вашему мнению?

    dom1n1k
    @dom1n1k
    Роберт Брингхерст "Основы стиля в типографике"
    Ответ написан
    Комментировать
  • Как изменить форму фона?

    dom1n1k
    @dom1n1k
    Здесь нужно использовать изображение.
    Ответ написан
    Комментировать
  • Как сделать, чтобы Photoshop правильно отображал цвета PSD-макета?

    dom1n1k
    @dom1n1k
    Когда я начал сверять цвета (пипеткой) в PSD и JPEG, то заметил, что цвета различаются.
    Они и не должны быть одинаковы, поскольку кодируются в разных цветовых пространствах. Главное чтобы они выглядели одинаково (при условии, конечно, что они не выпадут из гамута).
    Если же хочется именно одинаково - надо сконвертировать макет в sRGB (Edit - Convert to Profile). Но при конвертации опять же часть цветов может почикаться.
    Ответ написан
    Комментировать
  • Зачем при верстке добавлять классы "js"? Я понимаю - разделение представление и логики. Но зачем это нужно? Зачем нужно это разделение?

    dom1n1k
    @dom1n1k
    Часто бывает, что визуальную часть фронта делает один человек, а "оживляж" другой. А то и несколько других. Вот чтобы они как можно меньше пересекались.
    Ответ написан
    Комментировать
  • Какой размер сетки использовать для не адаптивного лендинга?

    dom1n1k
    @dom1n1k
    Лет 10 назад был популярен размер 960 - потому что вмещается в 1024 и потому что делится на 12 и 16. Была такая популярная "960 grid system" и энное количество подражаний ей (опс, она и сейчас есть). Можно выбрать этот размер.

    Но вообще говоря, я считаю, что в 2018 году фиксированная ширина страницы уже не имеет права на существование. Даже для простых сайтов, даже для бюджетных. Как минимум резиново тянуться сайт просто обязан (резина != адаптивность).
    Ответ написан
    Комментировать
  • Что должен знать верстальщик?

    dom1n1k
    @dom1n1k
    Прежде всего верстальщик должен уметь верстать. Никакая технология или фреймворк не дают этого умения автоматически.
    Ответ написан
    Комментировать
  • Как верстальщикам делать сайты на retina дисплеях?

    dom1n1k
    @dom1n1k
    Ретина увеличивает четкость изображения (сайта, приложения, етц), а не их линейный размер.
    Ответ написан
    Комментировать
  • Нужно ли перед версткой загружать все шрифты в фотошоп?

    dom1n1k
    @dom1n1k
    Желательно, но не обязательно
    Ответ написан
    Комментировать
  • Почему у сайта такая плохая оптимизация?

    dom1n1k
    @dom1n1k
    Он же пишет, что ему не нравится.
    Очень много шрифтов.
    Картинка в шапке очень большая для мобил - надо по медиа-запросу подменять её на меньшую.
    Заголовки веб-сервера не настроены
    Ответ написан
    Комментировать
  • Как правильно адаптивить сайт на очень ограниченное количество экранов?

    dom1n1k
    @dom1n1k
    Моё имхо (мнение хрен оспоришь).

    Верстка должна вести себя прилично на абсолютно любом размере экрана от 320 и до бесконечности. Не должно быть жесткой заточки под какие-то фиксированные размеры и ломающегося лейаута между ними. Указанные в ТЗ референсные размеры - это приоритеты, на которых все должно быть подогнано досконально. Между ними допускается, скажем так, "неоптимальный" вид (например, размер элементов несколько меньше или больше оптимального), но ничего не должно ломаться или рассыпаться.

    И если бы мне кто-то сказал, что поломанный при какой-то там ширине (типа 675 или 1137) лейаут он будет чинить за дополнительную плату - я был бы в недоумении вплоть до готовности расстаться с таким разрабом.

    Да, хороший адаптивный дизайн и верстка - это сложно и муторно. А вы думали в сказку попали?
    Ответ написан
    1 комментарий
  • Как сделать углы-стрелки с рамкой в CSS?

    dom1n1k
    @dom1n1k
    Такие и на чистом - нельзя.
    Тут нужно использовать графику.
    Ответ написан
    Комментировать
  • Как игнорировать системные шрифты на сайте?

    dom1n1k
    @dom1n1k
    В общем случае - никак. Есть софт, в котором даже присутствуют настройка "Игнорировать веб-шрифты" - и это полное право владельца аппарата.
    Ответ написан
    Комментировать
  • Что быстрее для загрузки bootstrap или чистый css?

    dom1n1k
    @dom1n1k
    Конечно же, чистый CSS будет быстрее, потому что там не будет энного количества лишних неиспользованных стилей, которые тянет в себе любой фреймворк. Помимо этого, бутстрап активно использует каскады, в том числе многоуровневые, а каскад тоже стоит производительности.

    Но! Разница эта мизерная, чаще всего ею можно пренебречь. Влияние CSS на скорость загрузки сайта, как правило, очень невелико - за исключением некоторых крайних случаев, когда автор наговнокодил там какое-то адище. Обычно корни тормозов растут из JS и/или графики. Ну, шрифты ещё бывают.
    Ответ написан
    Комментировать