• Cломался масштаб экрана в linux из за блютуз модуля. Как починить?

    @SigmaMale Автор вопроса
    Middle Frontend developer (плюс минус middle)
    Моя лень спасла ситуацию. Я три дня откладывал переустановку системы и ПК находился в режиме ожидания. Не знаю как, но на третий день оно как то само починилось.
    Ответ написан
    Комментировать
  • Как скрыть timeline в iframe rutube?

    @SigmaMale
    Middle Frontend developer (плюс минус middle)
    У rutube есть api. К сожалению, ничего кроме управления плеером ими не предусмотрено.

    Единственное что я могу предложить - это скрыть элементы управления через небольшой костыль.
    Iframe с видео нужно обернуть в блок. Блоку нужно задать меньшую высоту чем самому ифрейму и задать свойство overflow: hidden; . Таким образом, видео будет обрезано снизу и элементы управления видно не будет.
    Ответ написан
    1 комментарий
  • Изменение цвета иконок при наведении?

    @SigmaMale
    Middle Frontend developer (плюс минус middle)
    У тегов svg и path есть свойства для задания цвета: stroke и fill
    Пример на SCSS:
    .button {
         svg, path {
            &:hover {
                fill: #000;
                stroke: #000;
            }
        }
    }


    В зависимости от ситуации задавайте цвет только для svg или только для path или для обоих одновременно. Тоже самое касается свойств stroke и fill. В зависимости от иконки может работать только одно свойство, а второе моет мешать. В общем, нужно самую малость поэкспериментировать.
    Ответ написан
  • Почему radial-gradient скопированый из фигмы выглядит в вёрстке иначе?

    @SigmaMale
    Middle Frontend developer (плюс минус middle)
    Скорее всего дело в браузере или если поконкретнее, то в отсутствии кроссбраузерности свойства.

    В прошлом я сталкивался с такой же проблемой, но с тенями. В гугл хром тени были такие же как в фигме, но в браузере firefox они работали не так. Проверьте работу сайта в других браузерах.

    Проблему решил через добавление отдельного свойства для firefox в котором было указано меньшее (или большее, не помню) значение.
    Ответ написан
    Комментировать
  • Стили для темного режима в яндекс почте?

    @SigmaMale
    Middle Frontend developer (плюс минус middle)
    Есть расширения которые позволяют добавлять пользовательский CSS для всех или конкретных сайтов. Вот пример таких расширений для гугл хром: https://chromewebstore.google.com/search/custom%20...

    Установите одно из них и задайте через CSS нужный цвет для текста для страницы яндекс почты.
    Ответ написан
    Комментировать
  • Изучение vue без хорошего знания JS?

    @SigmaMale
    Middle Frontend developer (плюс минус middle)
    Использовать vue не зная JS теоретически можно, при условии, что умеете программировать на другом языке, но Ваши возможности будут очень сильно ограничены.

    Кроме того, решение самых простых проблем и ошибок превратится для Вас в ад. Получится замкнутый круг: Вы не знаете JS потому что не любите его, а не любите потому что у Вас будет негативный опыт с ним, который возникнет из за того, что Вы не знаете JS.

    Скорее всего, Вы не любите JS из за того, что уже привыкли к логике и синтаксису Go. Человеческий мозг не очень любит оказываться в новой обстановке. Среднестатистический программист знает 3 языка программирования, если Вы планируете работать в этой области, то рано или поздно Вам придется работать с другими, не привычными технологиями. По сути, в Вашем случаи, лучший способ полюбить JS - это поработать с ним какое то время, что бы мозг привык. В прошлом я сильно не любил язык PHP, так было до тех пор, пока я не поработал с ним какое то время и не привык ко всем его странностям. Сейчас я к нему нейтрально отношусь.

    P.S.
    и на vue просто в 1 файле сделал разметку с css и используешь в других страницах, а в HTML нужно копировать html и переносить, что не особо нравится.

    Для вёрстки Вы можете начать использовать шаблонизаторы (pug) и препроцессоры (SCSS). Они решают описанную Вами проблему. Обычно для их компиляции используют gulp или webpack, но Вам как новичку я рекомендую использовать программу preposs. Хотя в целом, для маленьких тестовых проектов - это вообще не проблема.
    Ответ написан
    2 комментария
  • Как скрыть этот текст при наведении?

    @SigmaMale
    Middle Frontend developer (плюс минус middle)
    Проще всего эту проблему можно решить добавив на сайт JavaScript код ниже через плагин для Wordpress

    let sizeButtons = document.getElementsByClassName("button-variable-item"); 
    
    for (let i = 0; i < sizeButtons.length; i++) {
      sizeButtons[i].removeAttribute("title");
      sizeButtons[i].removeAttribute("data-wvstooltip");
    }
    Ответ написан
    Комментировать
  • Выгружаю сайт на хостинг, а файлы не доступны?

    @SigmaMale
    Middle Frontend developer (плюс минус middle)
    Насколько я понял, вы изменили этот же сайт и залили новую измененную версию. Если это так то скорее всего проблема вызвана одним из 2-х вариантов:
    1. Некоторые хостинги обновляют файлы с задержкой. Попробуйте просто подождать 30-60 минут
    2. Возможно ваш браузер уже сохранил стили и скрипты в куки и поэтому не обновляется внешний вид вашего сайта. Попробуйте открыть ваш сайт во вкладке инкогнито, если изменения стало видно то просто почистите или отключите куки вашего браузера (гуглите сами, если не знаете как это сделать).
    Ответ написан
    Комментировать
  • Как копировать в буфер при нажатии на кнопку?

    @SigmaMale
    Middle Frontend developer (плюс минус middle)
    navigator.clipboard.writeText('Текст')
    При клике на кнопку вызываете код выше.

    Подробнее
    Ответ написан
  • Что делать, если после релиза сайта с gulp-сборкой на GitHub, png перекрывает webp?

    @SigmaMale
    Middle Frontend developer (плюс минус middle)
    А у вас установлен плагин который автоматом заменяет все теги img на:
    <picture>
      <source srcset="./images/logo.webp" type="image/webp">
      <img src="./images/logo.png" alt="Logo" loading="lazy">
    </picture>


    Плагин называется: gulp-webp-html-nosvg
    Плагин нужно подключать для HTML и PUG файлов
    Ответ написан
  • Как сделать плавное скругление на CSS?

    @SigmaMale
    Middle Frontend developer (плюс минус middle)
    Я бы сохранил весь фон как картинку (серую часть с выемкой + розовую линию) и задал бы как фоновое изображение родителю кнопки.

    Изменено:
    Второй вариант: попросить дизайнера что бы он вырезал кусочек фона как на фото (только белую часть), а дальше использовать её как фон для кнопки. Если вместо белого фона там может быть другой цвет, то лучше сохранить картинку как SVG код и дальше делать через псевдо элемент. Для SVG можно будет изменить цвет через CSS.
    62f021cdc7a53203296520.jpeg
    Ответ написан
  • Почему в классах нельзя писать let?

    @SigmaMale
    Middle Frontend developer (плюс минус middle)
    Потому что это не переменная, а свойство. Переменные можно делать внутри методов и конструктора.
    К переменной нельзя обратится через this. Например us = "User" + this.name
    Также к переменной нельзя получить доступ из вне, вот так:
    class User {
        name = "Tom"
    }
    let tom = new User();
    
    alert(tom.name);


    Коротко говоря потерялся бы весь смысл от ООП.
    Ответ написан
    Комментировать
  • Лучше воспользоваться position/after/before или вырезать все картинки как одну?

    @SigmaMale
    Middle Frontend developer (плюс минус middle)
    Если у этих картинок не должно быть какой нибудь сложной анимации задействующей их по отдельности то лучше одной картинкой. Главное преимущество в том что проще адаптировать под мобильные устройства, ну и в целом проще и быстрее.
    Ответ написан
    Комментировать
  • Как реализовать такое?

    @SigmaMale
    Middle Frontend developer (плюс минус middle)
    Возможно вам подойдет единица измерения vh. vh и vw -- это типа как %, но их можно использовать где угодно.

    Пример:
    Можно задать элементу ширину равную 50% от высоты экрана добавив свойство width: 50vh. Точно также можно устанавливать и отступы.

    vh -- это % от высоты экрана
    vw -- это % от ширины экрана

    Изменено: Думаю вам подойдет такой вариант https://www.youtube.com/watch?v=eaOAY0vIB4U&ab_cha...
    Ответ написан
    Комментировать
  • Как защитить сайт от непорядочных заказчиков?

    @SigmaMale
    Middle Frontend developer (плюс минус middle)
    Как вариант брать оплату за час, а не за проект.
    Ответ написан
  • Шапка для сайта?

    @SigmaMale
    Middle Frontend developer (плюс минус middle)
    Если html структура позволяет, то можно сделать мобильную шапку из десктопной, но если нет, то конечно нужно делать два отдельных блока и с помощью медиа запросов устанавливать их видимость в зависимости от размера устройства.
    Ответ написан
    Комментировать
  • Как делать не стандартные рамки у инпутов?

    @SigmaMale
    Middle Frontend developer (плюс минус middle)
    Можно использовать box-shadow:

    input, input:focus {
        border: none;
        border-radius: 2pt;
        box-shadow: 0 0 0 1pt grey;
        outline: none;
        transition: .1s;
    }
    Ответ написан