Задать вопрос

Korsia

Верстальщик
Лайки

  • Почему не работает поиск в Sublime 3?

    Zoxon
    @Zoxon
    Веб-разработчик
    Влючите опции Wrap и Hilight Matches
    На картинке они активны

    124fea2f968f4086ac383b7c618c84e0.png
    Ответ написан
    Комментировать
    Комментировать

  • Как правильно измерять расстояния от шрифта до шрифта/блока при верстке? Есть ли закономерность?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Я дизайнер, не верстальщик, но в курсе про цирк с цыганами в отступах шрифтов. К сожалению, оборачивание текста в рамку разнится не только между графическим редактором и браузером, не и между различными графическими редакторами...

    Ох, какая же это попа-боль :( Лично я отмеряю от базовой линии. И всем верстальщикам рекомендую делать так же. У меня в макете заложена определенная сетка (раньше юзал регулярную, теперь - горизонтальные линейки) + пиксельная сетка - вот их включаешь в макете (если, конечно, они туда заложены...) и можно на глазок посчитать расстояния.
    Ответ написан
    5 комментариев
    5 комментариев

  • Радость дизайнера - боль верстальщика. Межбуквенные отступы - кернинг и трекинг. Как рассчитать их значения для css?

    Adamos
    @Adamos
    Проблема кроется в том, что дизайнер, делавший макет - полиграфист.
    Они привыкли делать красиво, используя всю мощь пакета от Adobe, многие фишки которого в вебе реализуются только серьезным утяжелением страниц и труда верстальщика.
    Либо такой полиграфист не разбирается в веб-технологиях и делает, как привык, либо - что более вероятно - заказчик просто заказывал одному человеку весь фирменный дизайн - и буклеты с визитками, и сайт заодно.
    Вот вы и получили то, что он пересобачил из "бумажной" верстки. Никакой трагедии, просто разъяснить с заказчиком момент насчет того, что пиксельную красоту на каждой странице сайта не наводит никто и никогда, она в вебе используется разве что в имиджевой рекламе, где можно хоть весь текст вектором заменить.
    Ответ написан
    Комментировать
    Комментировать

  • Вопрос верстальщикам. Как вы так быстро верстаете и не умираете от скуки?

    @kgbplus
    Обычно достаточно года службы в армии, чтобы понять, что работа верстальщика не такая уж скучная
    Ответ написан
    Комментировать
    Комментировать

  • Радость дизайнера - боль верстальщика. Межбуквенные отступы - кернинг и трекинг. Как рассчитать их значения для css?

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

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

  • Цвет фона блоков не отображается в некоторых браузерах?

    delphinpro
    @delphinpro Куратор тега CSS
    frontend developer
    Фон менял сам!

    А вы, извините, разработчик, или так залезли?

    Нотация цвета hex rgba поддерживается только в современных браузерах. Остальные, естественно, ничего не показывают.

    /*box-shadow: 0 0 4px 2px #ffffffe6;*/
/*background: #ffffffe6;*/
box-shadow: 0 0 4px 2px rgba(255, 255, 255, 0.9);
background: rgba(255, 255, 255, 0.9);
    Ответ написан
    1 комментарий
    1 комментарий

  • Как задать цвет отдельных категорий в WordPress?

    bshepelev
    @bshepelev
    С использованием JS:

    Обычно категории записи выводятся через: <?php the_category(', '); ?>

    Поэтому будет приемлемо использование JS (JQuery):
    $('.post-category a').each(function () {
    if ('ссылка' == $(this).attr('href')) { $(this).addClass('class1');
    if ('ссылка2' == $(this).attr('href')) { $(this).addClass('class2');
    if ('ссылка3' == $(this).attr('href')) { $(this).addClass('class3');
    });

    А стили оформить уже стандартно: .class1 , .class2, .class3

    Либо если использовать чистый CSS, но надо добавлять код PHP в цикл "The Loop":

    <?php
    $category = get_the_category();
    foreach((get_the_category()) as $category) {
    if ($category->term_taxonomy_id == 1) { $class="blue"; }
    if ($category->term_taxonomy_id == 2) { $class="green"; }
    if ($category->term_taxonomy_id == 3) { $class="red"; }
    echo '<a class="'.$class.'" href="'.$category->slug.'">'.$category->cat_name.'</a>';
    }
    ?>

    Оба метода рабочие! использую часто в своих проектах!

    В первом случае мы пробегаем по всем ссылкам внутри блока и сравниваем ссылки!
    Во втором мы получаем массив всех категорий и в зависимости от ID выводим ссылку с нужным КЛАСС именем
    Ответ написан
    2 комментария
    2 комментария