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

    lukoie
    @lukoie
    Так бутстрап это лишь один из инструментов, которые верстальщику просто необходимо знать, потому что он наиболее распространенный. Если еще имеете опыт в ЮАЙкит, фондейшне и бульме - это вообще красава. Пишете в своем портфолио их как технологии, и когда некий клиент будет искать себе исполнителя, указывая тегами их - Вы будете в списке. А не те, которые "просто цсс".

    ЗЫЖ У меня так офигеннейший клиент на упорке прилетел на тег "джоб борды" - и тучу проектов накидал.
    Ответ написан
    1 комментарий
  • Оцените дизайн будущего проекта?

    lukoie
    @lukoie
    нет!
    Ответ написан
    Комментировать
  • Как сверстать подобные блоки?

    lukoie
    @lukoie
    проще всего - нарисовать эти блоки в Иллюстраторе, и экспортировать в свг
    Ответ написан
    5 комментариев
  • Можно ли получить по шапке используя !important в проекте?

    lukoie
    @lukoie
    Это смотря в каких случаях и для чего там это делается.
    Ответ написан
  • Как сделать как на скрине?

    lukoie
    @lukoie
    По вопросу вообще не понятно что именно Вам нужно.
    Вот представьте что мы вообще не можем прочесть Ваши мысли на что именно нужно обратить внимание на скрине, и объясните чем этот скрин такой уникальный?
    и чтобы при наведение полоска была во всю высоту области просмотра
    а не как сейчас

    <div class="section"> перенесите на первую строку
    Да, и красить в красный надо на ховере, а не наоборот, вообще то!
    так что убирайте дисплей нан в первом стиле,а во второй перенесите бекграунд колор ред.
    Ответ написан
  • Какие есть рекомендации по организации кода верстки?

    lukoie
    @lukoie Автор вопроса
    В документации сасса видел что собирают из "дев" в "темп" неконкатинированное и неминифицированное. А потом уже оттуда подготвавливают всё в "дист" как оно будет отдаваться.
    Ответ написан
    Комментировать
  • Какой выбрать монитор для верстальщика?

    lukoie
    @lukoie
    Лучше сильно не экзотить. Потому-что наверстаешь у себя на своем мониторе, а потом клиент на убогом 19" поделии будет жаловаться и кучу фиксов присылать делать. А то вообще на нетбуке будет смотреть, и сетовать что всё какое-то не такое как у всех.
    Ответ написан
    2 комментария
  • Как понять, что я сверстал правильно?

    lukoie
    @lukoie
    Если кому-то придется доделывать или поддерживать, и у него не будет возникать лишних вопросов, а также матов в Вашу сторону, значит всё "правильно". Просто есть много способов достижения результата, и назвать какой-то один из них "правильным" - не правильно.

    В общем случае прогоняете через линтер, проверяете на validator.w3.org, web.dev, pagespeed/Lighthouse и sitechecker.pro
    Если не сказано что нечто неправильно - значит всё правильно.
    Ответ написан
    Комментировать
  • Почему различаются цвета на PSD и на HTML странице?

    lukoie
    @lukoie
    Так цветовой профиль же подключен. Отключите его - и будете видеть как на самом деле монитор его показывает.
    Ответ написан
    Комментировать
  • Что могут спросить на собеседовании на вакансию верстальщик?

    lukoie
    @lukoie
    та они ж просят основы
    то есть какие знаешь БД, работал ли с мускулем, расскажешь про пхпмайадмин, как сделать импорт/экспорт, поиск там, редактирование полей. мож рассказать про adminer и heidisql - ваще пушка будет, главное с горящими глазами, брызгами слюны и махать руками побольше. расскажи про мариюдб, и посетуй что так редко пользуют постгре. Скажи что коучдб рулит хоть монгодб и более раскрученный, так что лучше работать с ней. ну типа такое.
    пхп скажи что это серверный язык, и читать его в состоянии, и понятно как оформлять файл, делать инклюды и вызывать эхо, но если нужна логика и математика, то тебе ближе искусство и визуальное вот это вот всё, так что если надо что-то натягивать на ЦМС то норм, но писать бекенды не нравится и не склонен. более склонен развиваться во фронтенде.
    ну, что-то типа вот так.
    Ответ написан
    Комментировать
  • Какой сайт плейсхолдеров может рендомные картинки?

    lukoie
    @lukoie Автор вопроса
    Короче, сделал я так чтобы по одной и той же ссылке показывались разные картинки в верстке
    в моем случае картинка все десять-двадцать раз выводится так:
    <img class="nocache" alt="img" src="https://placeimg.com/395/207/any">

    5c517cb3203b4587596251.png
    Рецепт - у картинок приделываю класс "nocache"
    и в подвале
    $(document).ready(function (){$('.nocache').attr('src',function () { return $(this).attr('src') + "?" + Math.random() });});
    Ответ написан
    Комментировать
  • Почему на iOS устройствах не отображаются картинки, вставленные через img?

    lukoie
    @lukoie
    Закомментируйте 13ю(и 1283) строку
    Ответ написан
    Комментировать
  • Как создать такой слайдер?

    lukoie
    @lukoie
    kenwheeler.github.io/slick
    предпоследний вариант
    Ответ написан
    Комментировать
  • Почему не работают подключенные стили из внешнего файла?

    lukoie
    @lukoie
    Попробуйте полный абсолютный путь указать для проверки работоспособности.
    И вообще, не видно же какие файлы у Вас лежат в папке css, может опечатались где-то, и написали например не английскую "с" а кирилллицей "", а визуально не замечаете этого.
    И не забывайте в браузере жмать КОНТРОЛ+ф5
    Ответ написан
    Комментировать
  • Радость дизайнера - боль верстальщика. Межбуквенные отступы - кернинг и трекинг. Как рассчитать их значения для css?

    lukoie
    @lukoie
    Делайте так:
    0 заливаете псд файл в авокод2скетч
    1 заливаете полученный скетч в фигму
    2 смотрите свойства текста там

    Вообще, когда дизайнер шрифта разрабатывает шрифт, он учитывает гармонику и ритм, потому искуственно искривлять дизайн шрифта негоже. Либо раз дизайнер выбрал такое решение, он неправильно подобрал шрифт и его начертание - вполне возможно у шрифта уже имеется монотайп или конденсед версия.
    Если текст имеет одинаковы показатели межстрочного и межбуквенного интервала на всей странице, тогда либо ставите для боди указанные параметры, либо подбираете более подходящий шрифт, потому что шрифты для того и бывают всяко-разные, чтобы не плющить их и кукожить стилями. Ведь дизайнер, скорей всего, рисовал их на большом мониторе, может даже ретине. А смотреть сайт будут на нетбуках, планшетах и телефонах. И если будет плохой результат, кого будут винить(и требовать пофиксить), дизайнера, у которого на жейпеге всё красиво, или Вас, кто сверстал это?
    Если это единичные элементы, которые действительно требовали таких манипуляций, Вы можете найти плагин для своего ИДЕ(у меня в ВС коде есть), который как переводит пиксели в ремы при наборе, и делайте просто визуально подходящим. Или Вас будут проверять на пиксель перфект?
    Смотрите, много лет работая с полиграфией я встречаю подобные приколы от дизайнеров, которые присылают макеты на печать, и там намного чаще используется кернинг и трекинг, из за специфики. Но для вебдизайна это избыточно, и даже наверное укажет на недостаточный профессионализм в вебдизайне.
    Вообще, если есть возможность, просите чтобы дизайны Вам давали уже утвержденными в специализированных программах для прототипирования, типа фигмы или зеплина. В т.ч. для согласования шрифтового решения.
    Ответ написан
    Комментировать
  • Автовёрстка HTML & CSS. Стоит ли?

    lukoie
    @lukoie
    Дайте пример какого нибудь автоверстуна. Сделаю какой нибудь макетик тестовый, закину ему, и посмотрим какой код он выдаст. А тогда можно будет говорить.
    Но с другой стороны, фронтендеры пользуются до сих пор терминалом, и командной строкой, когда есть и гуи-решения. И тем не менее, апдейтят именно эти терминальные, и пользуют терминальные. Тут вопрос тот же что у вас - почему?
    Вот возьмем например:
    git vs smartgit
    composer vs composercat
    gulp vs prepros
    во всех трех случаях(версионирование, зависимости, сборка) есть инструмент командной строки, и есть гуи-аналог, в котором точно то же можно сделать просто кликая мышью и глядя наочно результат. Тем не менее, основная масса разработчиков пользуется именно командной строкой...
    Ответ написан
  • Верстка с мокапа, чтобы хорошо смотрелось на всех разрешениях, нужно ли переводить пиксели в vh, vw, % и как правильно высчитать относит. ед.?

    lukoie
    @lukoie
    дежавю
    только ж недавно обсуждали этот же вопрос
    погуглите "rem vs em"
    верстайте в пикселях пока и в процентах, и время от времени начинайте внедрять рэмы и эмы, потом само придет.
    Ответ написан
  • Как сверстать шапку такой формы?

    lukoie
    @lukoie
    Вот тут описываются все способы решений:
    https://css-tricks.com/creating-non-rectangular-he...
    Ответ написан
    Комментировать
  • Как сверстать такую цифру?

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

    АПДЕЙТ, а не, это не оно, я забрал дизайн. Но фактически 1 в 1
    5c2a522ae0183739146207.png
    Ответ написан
    3 комментария
  • Какая оптимальная ширина макета и рабочей области?

    lukoie
    @lukoie
    Суперлузер? Серьезно?
    Ок, размер рабочей области зависит от предпочтений и фолбеков.
    Например, мое разрешение монитора сейчас как раз 1920, то есть картинка шириной 1920 будет как раз 100% ширины экрана... не учитывая полосу прокрутки и рамки окна. То есть нужны поля. Допустим по 15 пикселей(у меня не ретина, так что мой монитор имеет 72 точки на дюйм). Итого 1920 превращается в 1890, если надо контент делать на всю ширину (section-fluid в бутстраповых классах).
    1920 это сейчас считаем как дефолтный монитор(смотрим по статистике), а на момент создания бутстрапа они зафиксировали 1170 как минимально допстимое разрешение десктопа, потому контент вписывают на такой размер(учитывая поля по 15 пикселей это разрещение 1200*800) как наиболее используемым разрешением.
    Дальше 1280 это популярная ширина в разных разрешениях, как брекпойнт. Но уже без полей.
    960 это из за одноименного фреймворка, где это число используется для фолбека на 1024*968 разрешение плюс поля, округление до нормального делительного числа.
    Число 960(как и остальные перечисленные Вами) выбрано потому что удобно делить на колонки с полями. На 2/4/6/8/10/12/16/24

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

    Зависит в основном от этого:
    5c1eb0b2c05c1386821151.png
    Ответ написан
    Комментировать