Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос
MrDecoy

Вадим

Верставший фронтендер
  • 613
    вклад
  • 3
    вопроса
  • 475
    ответов
  • 93%
    решений
Лайки
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Как создать такое описание к ссылке?

    vladoborowsky
    Владимир Василенко @vladoborowsky
    Вам нужно использовать на сайте микроразметку Open Graph, это позволит формировать превью в мессенджерах и соц. сетях наподобие того, что на скриншоте.
    Ответ написан 07 янв.
    Комментировать
    Комментировать
  • Не правильно работает эмуляция?

    yarkov
    Алексей Ярков @yarkov
    Помог ответ? Отметь решением.
    g4ozpqqvfcmsttzvj2tfsr1yiw0.png

    Эмуляция отсутствия сети не включена случайно?
    Ответ написан 28 дек. 2022
    2 комментария
    2 комментария
  • Как сделать border+circle под списком?

    delphinpro
    Сергей delphinpro @delphinpro Куратор тега CSS
    frontend developer
    Даже не знаю, что здесь может не получиться...

    Ответ написан 16 дек. 2022
    1 комментарий
    1 комментарий
  • Функция в javascript и все ли они нужны?

    delphinpro
    Сергей delphinpro @delphinpro Куратор тега JavaScript
    frontend developer
    Способ вызова функции только один – круглые скобки
    // Вызываем функцию, результат кладем в переменную
    const result = myFunction();

    Декларировать функцию можно по разному

    // Обычное объявление
    function muFuncion() { }
    
    // Выражение с анонимной функцией
    const myFunction = function() { }
    
    // Выражение с именованной функцией
    const myFunc = function myFunction() { }
    
    // Объявление стрелочной функции
    const myFunction = () => { }


    При передаче функции параметром, используется выражение в любом варианте без присваивания в переменную

    someFunction(function() {}) // анонимка
    someFunction(() => {}) // стрелочная


    Вот пожалуй и всё.
    Ответ написан 05 дек. 2022
    3 комментария
    3 комментария
  • Почему у input не выполняется event change?

    pos_ilya
    Илья Посаженников @pos_ilya Автор вопроса
    Cringe person
    После создания ивента был form.innerHTML += (родитель того инпута), из-за этого ивент «умер».

    Источник: https://qna.habr.com/q/1222720#clarification_1622662
    Ответ написан 18 нояб. 2022
    Комментировать
    Комментировать
  • Почему не работает stroke-dasharray, stroke-dashoffset svg?

    LenovoId
    Максим @LenovoId Куратор тега SVG
    I want, women not to get sick
    Путь для подобной анимашки не должен иметь много точек а их достаточно ТРИ вот что я и сделал и для удобства выбрал квадратную форму самого SVG, делается это так:
    <svg viewBox="0 0 400 400"></svg>
    После этого наш svg станет квадратным по соотношению сторон
    Позже зададим размер видимой области той в которой удобно будет рисовать и пока пусть будет опять width и height = 400px
    и ставим точки на нашем канвасе - 1) M40,100 2) 200,390 3) 390,10 что и будет как раз калочка и для декорации я добавил stroke-linejoin и stroke-linecap это закругления на концах линии и на стыке и потом уже анимация

    но Нам для этого надо узнать длину пути (path) и делается это на javascript методом: path.getTotalLength(); и выводим эту штуку в cansole.log

    вызываем метод анимации а их два - анимация увеличения от 0 до длины пути + анимашка прозрачности, в сумме получаем вот это =>
    если не успели увидить анимашку нажмите rerun в окне сниппета
    Ответ написан 09 нояб. 2022
    Комментировать
    Комментировать
  • Насколько корректно давать отрицательные значения Margin и Top?

    Ankhena
    Ankhena @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Получили задачу.
    Опишите все возможные варианты её решения.
    Сравните целесообразность.
    Выберите лучшее.

    Если лучшим окажется отрицательный margin, то у вас у самого будет куча аргументов почему этот вариант лучший.
    Ответ написан 12 окт. 2022
    Комментировать
    Комментировать
  • Почему функция async возвращает в консоли Promise {}..., а не результат?

    Rsa97
    Rsa97 @Rsa97
    Для правильного вопроса надо знать половину ответа
    async function getUser(user_id) {
      const data = JSON.stringify({ type: 'get_juniors', user_id });
      const response = await fetch(
        '/test-ajax/',
        { method: "POST", body: data },
      );
      return response.json();
    }
    
    const test = await getUser(1);
    console.log(test);
    Ответ написан 12 сент. 2022
    Комментировать
    Комментировать
  • Как записать эту функцию в одну строку?

    godsplane
    godsplane @godsplane
    Object.keys(obj).length
    Ответ написан 12 сент. 2022
    1 комментарий
    1 комментарий
  • Как сделать подсветку картинки?

    SmthTo
    Rustam Bainazarov @SmthTo Куратор тега CSS
    Все перепёлки мира будут оплакивать мою смерть.
    Можно задвоить картинку, нижнюю при этом размыть с помощью blur, а также поднять ей яркость и контраст, чтобы яркие участки были более выраженными и не теряли своей цветности. Это самый эффективный и простой способ создания таких теней:


    Если лень включать VPN для JSFiddle, то результат такой:
    630f73e9f39e5350575339.png

    Либо можно сделать примерно то же самое, но с абсолютно позиционированными элементами, расположенными под картинкой.

    Либо можно геморроится с множественными box-shadow.
    Ответ написан 31 авг. 2022
    Комментировать
    Комментировать
  • Как сделать прозрачный фон?

    iiiBird
    iBird Rose @iiiBird Куратор тега CSS
    Пока ты спишь - твой конкурент совершенствуется
    разделить блок на 2 части по строкам.
    верхний блок покрасить в желтый, а у нижнего сделать бордер желтый
    Ответ написан 24 авг. 2022
    1 комментарий
    1 комментарий
  • Существует ли нативный способ разделения чисел на разряды?

    sergiks
    Сергей Соколов @sergiks Куратор тега JavaScript
    ♬♬
    Intl.NumberFormat

    const number = 123456.789;
    
    new Intl.NumberFormat('ru-RU').format(number);
    // "123 456,789"
    по умолчанию { style: 'decimal' }

    Но..
    new Intl.NumberFormat('ru-RU', { minimumFractionDigits: 6 })
      .format(123456.789012345);
    // "123 456,789012" - после запятой не разделяет
    Ответ написан 23 авг. 2022
    Комментировать
    Комментировать
  • Существует ли нативный способ разделения чисел на разряды?

    REZ1DENT3
    Максим Бабичев @REZ1DENT3
    web-developer
    https://developer.mozilla.org/en-US/docs/Web/JavaS...
    // Demonstrate selected international locales
    var locales = [
      undefined,  // Your own browser
      'en-US',    // United States
      'de-DE',    // Germany
      'ru-RU',    // Russia
      'hi-IN',    // India
      'de-CH',    // Switzerland
    ];
    var n = 100000;
    var opts = { minimumFractionDigits: 2 };
    for (var i = 0; i < locales.length; i++) {
      console.log(locales[i], n.toLocaleString(locales[i], opts));
    }


    результат
    undefined '100 000,00'
    en-US 100,000.00
    de-DE 100.000,00
    ru-RU 100 000,00
    hi-IN 1,00,000.00
    de-CH 100’000.00
    Ответ написан 23 авг. 2022
    Комментировать
    Комментировать
  • Откуда отступ между текстом и границей блока?

    aleksey96 @aleksey96
    Это line-height даёт отступ
    Ответ написан 22 авг. 2022
    Комментировать
    Комментировать
  • Как реализовать такое сравнение строк, JS?

    Rsa97
    Rsa97 @Rsa97
    Для правильного вопроса надо знать половину ответа
    Не надо никаких библиотек. Всё есть в штатных функциях.
    'е'.localeCompare('ё', 'ru', { sensitivity: 'base' })
    // 0
    Ответ написан 16 авг. 2022
    2 комментария
    2 комментария
  • Как сделать такую же анимацию появления текста как на сайте tagion.org?

    SADFGHJAETJER
    Финский Мачо @SADFGHJAETJER
    Ответ написан 08 авг. 2022
    2 комментария
    2 комментария
  • Как рандомно и одновременно равномерно расположить элементы по секции?

    sfi0zy
    Ivan Bogachev @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    Имеете в виду что-то такое?

    Ответ написан 04 авг. 2022
    2 комментария
    2 комментария
  • Как сделать наклон текста как на картинке?

    hahenty
    Сергей Сергей @hahenty
    ('•')
    Ответ написан 03 авг. 2022
    1 комментарий
    1 комментарий
  • Как обрезать все элементы выходящие за блок снизу, но не обрезать выходящие сверху?

    RAX7
    RAX7 @RAX7
    Ответ написан 01 авг. 2022
    1 комментарий
    1 комментарий
  • Как сделать рандомный цвет фона при наведении для каждого элемента?

    0xD34F
    0xD34F @0xD34F Куратор тега JavaScript
    По событию mouseover перезаписывайте css-переменную, отвечающую за цвет:

    document.querySelector('.shopWrapper').addEventListener('mouseover', function() {
      const color = `#${Math.random().toString(16).slice(2, 8).padEnd(6, 0)}`;
      this.style.setProperty('--random-color', color);
    });
    Ответ написан 02 авг. 2022
    1 комментарий
    1 комментарий
Оценили как «Нравится»
  • 1
  • 2
  • 3
  • Следующие →
Самые активные сегодня
  • Dr. Bacon
    • 10 ответов
    • 0 вопросов
  • saboteur_kiev
    Saboteur
    • 6 ответов
    • 0 вопросов
  • Vindicar
    Vindicar
    • 6 ответов
    • 0 вопросов
  • Evgenii
    • 6 ответов
    • 0 вопросов
  • sergiks
    Сергей Соколов
    • 5 ответов
    • 0 вопросов
  • VoidVolker
    VoidVolker
    • 5 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации