• Как скачать видео, начинающееся с blob?

    @ztl6000
    колдовства html5 с блобами нет в internet explorer
    Ответ написан
    Комментировать
  • Как скачать видео, начинающееся с blob?

    @esenin242
    Октябрь 2022
    Самое удобное эвер для скачивания blob видео - расширение Fetch
    https://chrome.google.com/webstore/detail/fetchvvi...
    Ответ написан
    2 комментария
  • Как инвертировать скролл по колесу мыши?

    @HistoryART Автор вопроса, куратор тега JavaScript
    Боль-мень плавный скроллинг:
    targetElement.addEventListener("wheel", (event) => {
        //@ts-ignore
        if (event.deltaY !== 0) {
            //@ts-ignore
            targetElement.scrollLeft += (targetElement.scrollWidth/100) * Math.sign(event.deltaY);
            event.preventDefault();
        }
    });
    Ответ написан
    Комментировать
  • Как инвертировать скролл по колесу мыши?

    Попробуй так
    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>Горизонтальная прокрутка колесиком мыши</title>
      <style>
        /* .wrapper::-webkit-scrollbar {
            display: none;
        } */
        .wrapper {
          width: 100%;
          white-space: nowrap;
          overflow-x: auto;
        }
    
        .item {
          display: inline-block;
          width: 200px;
          height: 200px;
          margin-right: 10px;
          background-color: #f0f0f0;
        }
      </style>
    </head>
    <body>
      <div class="wrapper">
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
      </div>
    
      <script>
        document.addEventListener("DOMContentLoaded", function() {
          const wrapper = document.querySelector(".wrapper");
          wrapper.addEventListener("wheel", (event) => {
            if (event.deltaY !== 0) {
              wrapper.scrollLeft += event.deltaY;
              event.preventDefault();
            }
          });
        });
      </script>
    </body>
    </html>
    Ответ написан
    2 комментария
  • Как сделать товары улетающие в корзину?

    @hesy
    Код анимации

    $(document).ready(function() {
        // Когда документ полностью загружен и готов к работе...
        
        $(".ajax_add_to_cart").on("click", function() {
            // При клике на элемент с классом "ajax_add_to_cart"...
            
            var productImage = $(this).closest(".post").find("img");
            // Находим ближайший родительский элемент с классом "post" и внутри него ищем изображение (тег <img>)
            
            productImage
                .clone() // Клонируем изображение товара
                .css({
                    position: "absolute", // Позиционируем клон абсолютно на странице
                    "z-index": "11100", // Устанавливаем высокий порядок слоя для клонированного изображения
                    top: productImage.offset().top, // Устанавливаем верхнюю позицию клонированного изображения
                    left: productImage.offset().left // Устанавливаем левую позицию клонированного изображения
                })
                .appendTo("body") // Добавляем клонированное изображение внутрь элемента body страницы
                .animate({
                    opacity: 0.05, // Задаем конечную прозрачность для анимации
                    left: $("#cart-punkt").offset().left, // Устанавливаем конечную левую позицию для анимации
                    top: $("#cart-punkt").offset().top, // Устанавливаем конечную верхнюю позицию для анимации
                    width: 20 // Устанавливаем конечную ширину для анимации
                }, 1000, function() {
                    // По завершении анимации...
                    
                    $(this).remove(); // Удаляем клонированное изображение
                });
        });
    });



    Ответ написан
    Комментировать
  • Есть ли смысл делать анимацию без JS?

    neuotq
    @neuotq
    Прокрастинация
    Анимация = анимации рознь.

    Конкретный ответ со списком вы тут не увидите, это будет большая статья, со множественными "а вот тут", "но здесь" просто потому что многое зависит от контекста, задач, планирование.
    Главные рекомендации это не делать на js то, что отлично реализуется с помощью css. Этим к сожалению часто болеют многие фронтендеры, особенно из тех кто принципиально не любит вёрстку. Банальные примеры некоторые виды трансформаций объектов при булевых сменах какого параметра(условно навел/убрал наведения, вкл-выкл и тп).

    Но нужно иметь ввиду, что там где у вас выходит сложная логика, разные усложнённые сценарии, динамические параметры запуска и тп и тд. Без js естественно никуда.

    Поэтому просто зная возможности css, имея здравый смысл, вы будете видеть и знать где что использовать.
    К счастью css тоже в последнее время активно развивается давай нам всё больше возможностей.
    Поэтому - простая штука, что-то типа одноразовых анимации, простого повторения, туда сюда - подумать про css.
    Если к этому добавляются всякие реакции на сложные тайминги, старт-пауза перемотать остановить на промежутке и тп - js.
    Ну и безусловно разные сложные, многоходовки с завязкой друг на друга - однозначно js.

    В целом информации на эту тему достаточно в интернете, мудрить здесь особо не стоит. Поэтому повторюсь: просто здравый смысл и держать в уме знание css и не брезговать его использовать. Нередко кстати сами верстальщики уже готовят эти анимации, но это уже отдельный разговор организации команд и внутрипроектной кухни. Я сторонник того что фронтэндер, пусть и не обязан прям верстать верстать, но знать вёрстку/css должен на очень хорошем уровне.
    Ответ написан
    Комментировать
  • Что обозначают символы \n и \t в исходном коде?

    RALMAZ
    @RALMAZ
    JavaScript Developer
    \n - перенос строки
    \t - табуляция
    Ответ написан
    Комментировать
  • Фрейм с наложением картинки и кнопки поверх видео?

    rockfeeler
    @rockfeeler
    Фронтендер, дизайнер, верстальщик-перфекционист
    Как-то так можно:
    Ответ написан
    Комментировать
  • Как добавить свои стили в админку Wordpress?

    ya-vitaliy
    @ya-vitaliy
    Верстаю... + wordpress и пробую Laravel
    Так:
    ## Общие CSS стили для админ-панели. Нужно создать файл 'wp-admin.css' в папке темы
    add_action( 'admin_enqueue_scripts', function(){
    	wp_enqueue_style( 'my-wp-admin', get_template_directory_uri() .'css/wp-admin.css' );
    }, 99 );

    ссылка на подробное описание
    Ответ написан
    2 комментария
  • Что за название у этого дизайна?

    nikitanaz
    @nikitanaz
    UX Lead and DesignOps @EPAM
    Привет,
    обычно этот стиль называют FUI: Future или Futuristic User Interface.

    Подборку веду даже на бехансе и пополняю её:
    https://www.behance.net/collection/25329517/Future...
    Ответ написан
    2 комментария
  • Какие есть решения для привязки объектов к карте в wordpress?

    @lakegull
    Вот этот плагин может создавать карты с фильтрацией объектов по категориям. Платный.
    Ответ написан
    Комментировать
  • Как в Illustrator cc 2019 убрать пиксельное перемещение объектов?

    @boga-net
    нажмите сочетание клавиш CTRL+K и установите нужное вам значение перемещения курсора.

    5c65b33339519282739372.png

    Можете ещё отключить привязку к пикселю

    5c65b34d2677c789895532.png
    Ответ написан
    1 комментарий
  • Как автоматически измененить статус заказа в Woocommerce?

    NowebNolife
    @NowebNolife Автор вопроса
    Slowpoke App Developer
    UPD:

    Решил данную проблему, добавив данную функцию в functions.php

    add_action( 'woocommerce_thankyou', 'custom_woocommerce_auto_complete_order' );
        function custom_woocommerce_auto_complete_order( $order_id ) { 
            if ( ! $order_id ) {
                return;
            }
            $order = wc_get_order( $order_id );
            if( $order->has_status( 'processing' ) ) {
                $order->update_status( 'completed' );
            }
        }
    Ответ написан
    9 комментариев
  • Как сменить язык с английского на русский в Photoshop CS6 на MAC OS?

    @Justina666
    Очень светлая голова. Блондинка я.
    Не совсем по теме, но вдруг кому пригодится, как поменять с русского на английский инструкция (работает!):
    pavel-kosenko.livejournal.com/597166.html
    Ответ написан
    1 комментарий
  • Под какие основыные размеры настраивать CSS @media screen?

    hector2009
    @hector2009
    Frontend Developer
    Всегда использую эти( это старые брэйкпоинты bootstrap по умолчанию ):

    /* Large desktops and laptops */
    media (min-width: 1200px) {

    }

    /* Portrait tablets and medium desktops */
    media (min-width: 992px) and (max-width: 1199px) {

    }

    /* Portrait tablets and small desktops */
    media (min-width: 768px) and (max-width: 991px) {

    }

    /* Landscape phones and portrait tablets */
    media (max-width: 767px) {

    }

    /* Landscape phones and smaller */
    media (max-width: 480px) {

    }

    По надобности дописую промежуточные разрешения, если вдруг по дизайну что то падает на 650px, тогда дописую:

    media (max-width: 650) {

    }
    Ответ написан
    2 комментария
  • MacBook: работа от зарядки vs работа от батареи?

    Кажется, все современные ноутбуки при работе от сети не используют батарею.
    На батарее есть микроконтроллер с датчиком заряда. Он определяет, нужно ли заряжать батарею.
    Если нужно, он часть питания отводит на зарядку, иначе - блокирует подачу тока на батарею.

    Чем меньше вы перезаряжаете батарею, тем дольше она вам прослужит. Например, батареи Apple теряют 20% заряда через 1000 циклов.
    Однако, даже если батарея не используется, она всё равно немного разряжается. На старых Макбуках батарею можно было снимать и хранить отдельно, но на современных моделях это не получится сделать.

    Подробнее о батареях и их эксплуатации можно почитать тут - https://www.apple.com/support/macbookpro/batteries...

    Из своего опыта могу сказать, что через 3-4 года пользования ноутбуком поменять батарею стоимостью от 3000р до 6000р (смотря где и что заказывать) не напрягает.
    Ответ написан
    1 комментарий
  • Cервис онлайн для рисования блок-схем?

    Murz
    @Murz
    Разработка сайтов на Drupal, поисковая оптимизация
    www.diagram.ly/ — отличный сервис, бесплатный и opensource, можно рисовать одновременно с разных компов одну схему.
    Ответ написан
    Комментировать
  • Как могут взломать базу данных MySQL?

    @Z1odeypnd
    Здравствуйте.
    Технологий взлома уйма.
    В зависимости от того, какие привелегии получил "хакер" при вломе вашей БД - зависит очень много.
    Если он получил доступ только на чтение, то захешированные в MD5 пароли ему мало чем помогут, т.к. MD5 не имеет алгоритма обратной расшифровки и хэширование спасёт тем, что взломщик получивший доступ на чтение паролей - самих паролей не получит (есть конечно словарь MD5 хешей, то это другая история).
    Вообще для защиты любой БД есть несколько золотых правил:
    0. Переименовать дефолтного админа и защитить его сложным паролем.
    1. Для каждой БД должен создаваться свой владелец и несколько пользователей с разными наборами привелегий.
    2. Ни у одного из пользователей, созданных в п.1 не должно быть прав на изменение таблиц в соседней БД.
    Если есть необходимость обновлять соседние БД - делайте это триггером в соседней БД.
    3. Каждый внешний веб-сервис должен ходить в БД только с тем набором прав, которых ему достаточно для работы. Т.е. не нужно везде прописывать root и надеяться на лучшее.
    В этом случае, если взломщик получит привелегии этого пользователя, то сможет сделать только то, что разрешено этому пользователю. Тогда не выйдет "удалить все и сразу".
    Например, для наполнения католога товаров в интернет-магазине может быть отдельный пользователь, с правами на SELECT, INSERT, UPDATE, DELETE в таблице SHOP_PRODUCTS, например. И ничего более.
    А пользователи, приходящие в магазин за покупками могут делать SELECT, INSERT, UPDATE, DELETE только в таблицу CUSTOMER_CART. В коде веб-сервиса, естественно должна быть проверка, что покупатель редактирует СВОЮ корзину.
    Для показа каталога товаров - отдельный пользователь, имеющий право только на SELECT из таблицы SHOP_PRODUCTS.
    А продажу товара может делать отдельный пользователь, с правом только на UPDATE колонки AMOUNT в таблице SHOP_PRODUCTS. Пример:
    GRANT SELECT ON shopdb.SHOP_PRODUCTS TO 'trader_bot'@'shophost';
    GRANT UPDATE (AMOUNT) ON shopdb.SHOP_PRODUCTS TO 'trader_bot'@'shophost';

    И т.п. По принципу "Разделяй и властвуй."
    4. Писать запросы с использованием placeholder'ов (подстановку данных), что убережёт от SQL-инъекций.
    Пример:
    $DB->select('SELECT * FROM tbl WHERE a=? AND b=?', $a, $b);

    5. Если и БД и приложение, используещее БД установлены на одном сервере - отключить удалённый доступ к БД и работать через сокеты.
    6. Последний, но самый важный - БЕКАПЫ. При удалении всего и вся - нужно откуда-то восстановиться. Делайте бекапы и храните на отдельном сервере (не выставленном наружу).
    Ответ написан
    3 комментария
  • Доменная зона .io — что я пропустил?

    Один из омонимичных доменов:

    .am — национальный домен Республики Армения, созвучен с диапазоном радиостанций AM или как зона AMerica.
    .cd — национальный домен Демократической республики Конго (иначе — Заира), совпадает с сокращением для компакт-диска.
    .dj — национальный домен Джибути, совпадает с сокращением «диджей».
    .fm — национальный домен Федеративных Штатов Микронезии, созвучен с диапазоном радиостанций FM. Пример: last.fm.
    .im — национальный домен Острова Мэн. Совпадает с сокращением Instant Messaging («мгновенные сообщения»).
    .io — национальный домен Британских территорий в Индийском океане. Совпадает с сокращением Input Output («ввод/вывод»).
    .is — национальный домен Исландии. Совпадает со словом is, формой третьего лица единственного числа английского глагола to be. Пример: who.is
    .it — национальный домен Италии. Совпадает с сокращением IT (информационные технологии), а также с английским местоимением it («это»). Пример: ok.undo.it
    .md — национальный домен Молдавии. Совпадает с сокращением аудионосителя MiniDisc и с сокращением Must Die. Также совпадает с сокращением от англ. medical doctor, используемым повсеместно в англоязычных странах. Например, известный американский сериал «Доктор Хаус» в оригинале называется House, MD.
    .me — национальный домен Черногории. Совпадает с местоимением «меня», «мне» в английском и других европейских языках.
    .net — общий домен верхнего уровня, совпадает с русским словом «нет», из-за чего обрёл в России (и не только) дополнительную популярность. Часто используется с доменными именами в виде транслитерированных русских слов. Примеры: mozga.net, lishnih.net.
    .nu — национальный домен острова Ниуэ, созвучно со словом ню.
    .tm — национальный домен Туркменистана, совпадает с аббревиатурой «™» (англ. trade mark — торговая марка).
    .tv — национальный домен Тувалу, совпадает с аббревиатурой «Телевидение».
    .ws — национальный домен Западного Самоа, совпадает с аббревиатурой Web Site.
    .in — национальный домен Индии, с английского языка переводится как предлог «в».
    .li — национальный домен Лихтенштейна. Совпадает с окончанием глаголов и имён существительных в русском языке. Используется с доменными именами в виде транслитерированных русских слов. Примеры: zadolba.li, zastuka.li, vaf.li, gus.li, yas.li.
    .pro - общий домен верхнего уровня для профессионалов в своей области.
    Ответ написан
    3 комментария
  • Фейковые e-mail на моем домене регистрируются на сайтах!?

    dimonchik2013
    @dimonchik2013
    non progredi est regredi
    не грозит

    зачем - разные задачи, обычно мультигенерация пользователей, крутит кого-то,
    но в лице вашего домена он нашел отличного помощника, от которого не валятся "такого юзара нет"
    Ответ написан
    1 комментарий