Местоположение
Россия

Достижения

Все достижения (2)

Наибольший вклад в теги

Все теги (40)

Лучшие ответы пользователя

Все ответы (59)
  • Опасно ли давать удаленный доступ к ноутбуку?

    RomanTRS
    @RomanTRS
    Если компьютер рабочий, то это офигеть как опасно!
    Даже если вы не видите работы, не факт что ее нет. "Уязвимости" еще никто не отменял. Вполне возможно, что кто-то нашел такую уязвимость и во всю ею пользуется.
    Но даже без этого, работающий AnyDesk позволяет без проблем работать с любыми файлами компьютера или же тупо записывать все ваши действия с экрана. Единственное ограничение это пропускная способность самой AnyDesk.
    Ответ написан
    1 комментарий
  • Почему болят глаза от нового монитора?

    RomanTRS
    @RomanTRS
    Чаще всего, глаза устают из-за низкой частоты обновления экрана.
    У вас она должна быть 76 Гц. Проверьте.

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

    RomanTRS
    @RomanTRS
    Посмотрите в настройках браузера:
    Спец. возможности -> Навигация по страницам с помощью курсора

    Если включено, то выключите.
    Ответ написан
    Комментировать
  • Как выровнять иконку в нижний правый угол?

    RomanTRS
    @RomanTRS
    Исходя из фото, это стандартная карточка, со стандартными же элементами:
    .card
      .card__date
      .card__image
      .card__info
        .card__icon

    1. Карточку делаете флекс-контейнером.
    2. Дату, через ордер, отправляете в конец рендеринга.
    3. Инфо, отправляете в начало.
    4. Двум крупным элементам, задаёте нужные размеры и флекс-гроу.
    5. Дата, благодаря флексу, сама подстроится.
    6. Иконка, абсолютно позиционируется, относительно элемента инфо.

    Как-то так

    <div class="card">
      <div class="card__date"><span class="card__day">25</span> april</div>
      <picture class="card__picture">
        <img class="card__image" src="https://unsplash.it/1000/300" alt="">
      </picture>
      <div class="card__info">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur sequi enim quia, voluptatibus laborum atque magnam sapiente sint expedita quas! Similique aspernatur quod optio quasi ducimus tempora commodi, maxime vel!</p>
        <button class="card__btn">+</button>
      </div>
    </div>

    *, *::before, *::after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    .card {
      display: flex;
      flex-wrap: wrap;
    }
    .card__date {
      order: 1;
      background-color: yellow;
      padding: 10px;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .card__day {
      font-size: 30px;
    }
    .card__info {
      order: -1;
      position: relative;
      padding: 20px;
    }
    .card__btn {
      position: absolute;
      bottom: 10px;
      right: 10px;
      background: none;
      border: 0;
      font-size: 30px;
    }
    .card__image {
      object-fit: cover;
      display: block;
    }
    .card__picture {
      overflow: hidden;
      display: flex;
      justify-content: center;
    }
    .card__picture,
    .card__info {
      flex-grow: 1;
      flex-basis: 50%;
      flex-shrink: 0;
      background-color: orange;
    }

    Ответ написан
    Комментировать
  • Как сделать картинку героя поверх других слоёв, без использования absolute?

    RomanTRS
    @RomanTRS
    Не совсем понятно, чем не устраивает position: absolute
    "Герой" — это отдельный элемент. Соответственно разместить его поверх других элементов, кроме как через absolute невозможно!
    Даже с использованием JS или JQ, под капотом все равно будет тот же absolute.

    Если смущает выпадание элемента из родителя, то используйте overflow: hidden

    .block {
      position: relative;
      overflow: hidden;
    }
    .block__hero {
      position: absolute;
    }


    Ах да! Еще можно использовать множественные фоны:
    .block {
      background-image: url(hero.jpg), url(bg.jpg);
    }
    Ответ написан
    Комментировать