Задать вопрос
Пользователь пока ничего не рассказал о себе

Достижения

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

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

Все теги (36)

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

Все ответы (44)
  • Как в CSS остановить одну анимацию и сразу запустить вторую для одного элемента?

    @ImagineTables
    Если правильно понял вопрос, попробуйте это (придётся подписаться на событие focusin):

    // Resets CSS animation based on keyframes.
    System.resetAnimation = function (elements)
    {
    	elements.forEach(element =>
    	{
    		element.style.animation = 'none';
    		element.offsetHeight; // Trigger reflow.
    		element.style.animation = null;
    	});
    }


    Опять же, если я понял ваш вопрос правильно, можно обе анимации объединить на основе переменных, а в нужный момент задавать значение переменной, управляющее ходом анимации, и сбрасывать её. Примерно так:

    const map = $('.map');
    map
    	.css('--current-position-y', getComputedStyle(map[0]).backgroundPositionY)
    	.css('--direction', position.y > 0 ? '-1' : '1') // Map is scrolled in opposite direction.
    	.css('--speed', Math.abs(position.y).toString());
    
    System.resetAnimation([map[0]]);


    @keyframes move-map-bg_map
    {
    	from
    	{
    		background-position-y: var(--current-position-y);
    	}
    
    	to
    	{
    		background-position-y: calc(var(--current-position-y) + var(--direction) * var(--city-map-size));
    	}
    }


    Выше показано, как одна анимация плавно переходит в другую, в данном случае — на лету меняется скорость и направление анимации фона.
    Ответ написан
    Комментировать
  • Как настроить английскую раскладку для русскоязычного пользователя в Windows?

    @ImagineTables
    1. Качаете Microsoft Keyboard Layout Creator (MSKLC). В данный момент ссылка на него такая: https://www.microsoft.com/en-us/download/details.a...

    2. Создаёте абсолютно любую раскладку, какая нужна. Для каждого языка (ru, en) — нужна отдельная раскладка.

    3. Компилируете. На выходе получается exe'шник.

    4. Устанавливаете в системе свою раскладку как главную для русского/английского языков. Удалить базовую раскладку не выйдет — при удалении она восстанавливается. Как ни странно, даже в Windows 11 это не мешает её игнорировать и всё работает как надо.

    Бонус. Опыт показал, что удобно добавить на Ctrl + верхние цифры всякую типографику: ❤«»€©–—•←→↓↑. Кроме того, можно повесить на Ctrl + пробел nbsp (удобно добавлять его вокруг тире при печати), на Ctrl + точку — многоточие (…), а в русской раскладке заменить запятую в цифроблоке на точку (как в английской), чтобы было удобно вводить десятичные дроби.
    Ответ написан
    8 комментариев
  • Как в файлах формата mhtml запретить переход по ссылкам?

    @ImagineTables
    1. Сохранить страницу не как mhtml, а как HTML с изображениями.
    2. Открыть сохранённый файл .htm в текстовом редакторе, найти все вхождения <a href="сайт">текст</a>, заменить их на текст. Если трудно, можно открыть в визуальном редакторе HTML, но я бы не стал.
    3. Открыть сохранённый файл в браузере, потом его сохранить как mhtml.
    Ответ написан
    Комментировать
  • Как подключить библиотеку?

    @ImagineTables
    Во-первых, большинство библиотек идёт в нескольких вариантах. Один для Node.js (сервера БЕЗ браузера), с require, второй — ESM (JS-модули), который совместим с браузером. И ещё иногда как классическая библиотека, бо эти уроды из W3C модули для файлов запретили (облака ведь так не продашь).

    Короче говоря (это универсальный совет), в следующий раз открываете страницу библиотеки на npmjs.com (она находится Гуглом по запросу "require(ИМЯ_БИБЛИОТЕКИ)". Затем переходите по ссылке из правой колонки на Гитхаб. Там внимательно читаете readme, и ищете ссылку на CDN и фразу про import blah from 'blah-blah';. Вот так и подключаете.

    Во-вторых. Я что-то не понимаю. В описании указано:

    Motivation
    Instead of implementing XMLHttpRequest in Node.js to run browser-specific Fetch polyfill, why not go from native http to fetch API directly? Hence, node-fetch, minimal code for a window.fetch compatible API on Node.js runtime.


    По-моему, тут написано, что библиотека эмулирует родной браузерный window.fetch для сервера под нодой. Если это так, то и вызывайте родной браузерный, а не эмуляцию, которая в браузере не нужна. Или я что-то неправильно понимаю?
    Ответ написан
    Комментировать
  • Какую операционную систему можно поставить на старый нетбук?

    @ImagineTables
    Как вариант, можно поставить на него RDP и сделать тонкий клиент. Если готовы держать обычный комп включённым и выведенным в Интернет.
    Ответ написан
    Комментировать

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

Все вопросы (28)