• Градиент справа налево под углом?

    @r_g_b_a Автор вопроса
    Это не сработает, если длина градиента нужна в px. Ну кроме решения с использованием calc, как написали выше.
    Написано
  • В чем ошибка css?

    @r_g_b_a Автор вопроса
    разве их нельзя использовать вместе?
    https://jsfiddle.net/8n7ub5h6/
    Написано
  • НЕТ общему сбросу стилей в БЭМ! Что в замен?

    @r_g_b_a
    Я не об этом. Насколько мне известно, браузер по умолчанию применяет к тегу body внешние отступы размером в 8px. Зачем сбрасывать padding у тега body и margin/padding у тега html, когда они по умолчанию равны 0? И без преувеличения таких примеров в интернете можно найти сотни. А теперь и тут. Часто натыкаюсь на ваши ответы, производите впечатление опытного разработчика. Поэтому наводит на мысль, что я не знаю о каком-то частном случае, и мне тоже стоит использовать такой сброс.
    Написано
  • НЕТ общему сбросу стилей в БЭМ! Что в замен?

    @r_g_b_a
    Я видимо чего-то не знаю, потому что постоянно вижу подобный код
    html {
    padding: 0;
    margin: 0;
    }

    .page {
    padding: 0;
    margin: 0;
    }

    Объясните, зачем обнулять padding и margin для тега html, и padding для body?
    Написано
  • Как работает этот код?

    @r_g_b_a Автор вопроса
    Kutuzov_ska, огромное спасибо за такой развернутый ответ!
    Написано
  • Как работает этот код?

    @r_g_b_a Автор вопроса
    Сам написал. Я только изучаю vue и наткнулся на такое не понятное для меня поведение.
    В документации указано, что vue не может обнаружить добавление или удаление свойства.
    Мне кажется, что в моем примере свойства не реактивные, именно поэтому они обрабатываются только после второго вызова моей функции. В этом причина?
    Написано
  • Почему input теряет фокус?

    @r_g_b_a Автор вопроса
    Замена v-if на v-show решила проблему, но хотелось бы понять причину ее возникновения. При создании двух блоков вокруг input на jquery потери фокуса не происходит. https://jsfiddle.net/49ov8xnr/
    По вашей ссылке я не нашел объяснения. Либо укажите поточнее, в каком разделе смотреть.
    Написано
  • Какая есть бесплатная альтернатива Adobe Photoshop для верстальщика?

    @r_g_b_a
    Максим Ленский,
    проходит две недели - один email заменяете другим ...таким образом avocode становится бесплатным

    лавочку уже прикрыли
    Написано
  • Какая есть бесплатная альтернатива Adobe Photoshop для верстальщика?

    @r_g_b_a
    Использую markupeasy.ru
    Порой встречаются небольшие баги, но зато бесплатно, работает с браузера, создан для верстки. Есть еще avocode с бесплатным триалом.
    Написано
  • Как сверстать ссылку с иконкой справа?

    @r_g_b_a Автор вопроса
    В вашем примере текст не переносится на новую строку.
    Написано
  • Как сверстать ссылку с иконкой справа?

    @r_g_b_a Автор вопроса
    Извините, сначала не глянул ссылку и подумал что вы спрашиваете на примере того кода, что я писал на jsfiddle.

    Конкретно в данном примере когда текст ссылки идет в две строки, появляется пустая кликабельная область, а иконка уходит далеко вправо от текста. С красным фоном это хорошо видно.
    Написано
  • Как сверстать ссылку с иконкой справа?

    @r_g_b_a Автор вопроса
    Текст должен переноситься. Все остальное тоже должно динамически рассчитываться, разве что ширину иконки можно сделать фиксированной.
    Я ищу похожее решение https://jsfiddle.net/5xpurek0/, но в данном случае иконка находится слева. Если ее перенести направо, то появляется проблема, что между текстом и иконкой появляется отступ (3 пункт).
    Написано
  • Как сверстать ссылку с иконкой справа?

    @r_g_b_a Автор вопроса
    Если уменьшите ширину окна до такого размера, чтобы текст размещался в две строки, то заметите, что между ним и стрелочкой появляется пустая кликабельная область, этого не должно быть
    Написано
  • Как сверстать ссылку с иконкой справа?

    @r_g_b_a Автор вопроса
    xdevelx, Второй пункт не выполняется. Если уменьшите ширину рабочей области чуть меньше, чем длина строки, то заметите, что стрелочка опускается под текст.
    Написано
  • @media min-width и max-width вместе на одном брейкпоинте?

    @r_g_b_a Автор вопроса
    - хоть в инспекторе и отображается меньше свойств , но сам css файл растет, а на скорость загрузки влияет именно он

    незначительно, так как они либо перезаписываются, либо выносятся в max-width при верстке mobile first. Увеличивается только количество медиа-запросов вдвое. Трудно сказать, насколько это влияет на производительность
    - так же свойства по-умолчанию прописываются для максимальной совместимости, хотя это скорее всего уже неактуально

    с текущей поддержкой в 99% можно сказать, что неактуально
    п.с. А вот с использованием дробных значений в брэйкпойнтах я на сталкивался

    скопировал с бутстрапа, так что вероятно с такой записью проблем быть не должно
    Написано
  • Как добавить атрибут value только первому тегу option?

    @r_g_b_a Автор вопроса
    Если вы имеете ввиду самый популярный ответ, то там три примера и ни одни не позволяет добиться вида/функционала, как в примере документации.
    1 пример - по умолчанию select отображается пустым (без выбранной опции)
    2 пример - активная опция задается из заранее известного значения, вместо первого из списка
    3 пример - не используется v-model
    Написано
  • Как добавить атрибут value только первому тегу option?

    @r_g_b_a Автор вопроса
    Нет, так как в вашем примере в первом теге option отсутствует атрибут value=""
    Написано
  • Как объединить ячейки в css grid?

    @r_g_b_a Автор вопроса
    Для демки. Как я написал изначально, высота динамическая. Можете ее убрать, а в блоки добавить произвольное количество текста.
    Написано
  • Как объединить ячейки в css grid?

    @r_g_b_a Автор вопроса
    Я не могу понять для чего у вас для пятого айтема высота ноль задана

    Просто для примера

    Проверил ваше решение. Если для .item-1 задать высоту в 150px, то в правой колонке появится отступ. https://jsfiddle.net/4kg13mr6/
    Написано
  • Как рассчитывается высота flex-элементов?

    @r_g_b_a Автор вопроса
    Но если в моем втором примере оно не работает, то результат должен быть идентичным первому примеру.
    Написано