• Как отправить HTML письмо?

    SeregaSPb
    @SeregaSPb
    На примере Google Chrome
    1) Нажмите [правый клик]>[Просмотр кода элемента] или F12
    2) В открывшемся инструменте разработчика в коде текущей страницы (gmail) найдите куда вставить код письма и нажмите [правый клик]>[Edit as HTML]
    3) Вставьте Ваш HTML код и нажмите Ctrl+Enter
    Ответ написан
    3 комментария
  • Как сделать отложенную загрузку видео-фона сайта?

    Stalker_RED
    @Stalker_RED
    autoplay уберите, src сделайте пустым.
    <video loop="loop" playsinline="" muted="muted" data-src="files/uploads/main.mp4" preload="none" class="abs-video abs"></video>


    Начинайте грузить видео только после полной загрузки DOM или даже после загрузки всех изображений и стилей
    document.addEventListener('DOMContentLoaded', function(){ // или 'load', попробуйте что больше подойдет
      const player = document.querySelector('.abs-video');
      player.oncanplay = function(){ player.play() }; // вызовется, когда загрузится хотя-бы несколько первых кадров
      player.src = player.dataset.src; // подставляем правильный src
    })




    Если видео тяжелое, то можно заморочиться, и сконвертить его c флагом -movflags faststart, что позволит начать проигрывание еще до полной загрузки файла.
    Как-то так https://superuser.com/a/424024
    Ответ написан
    5 комментариев
  • Как при резиновой верстке задать квадратным элементам одинаковую высоту и ширину?

    @cheeroque
    Используйте padding-bottom: 100%.
    Можете посмотреть, как подобное сделано в Бутстрапе, например: https://getbootstrap.com/docs/4.5/utilities/embed/
    Ответ написан
    Комментировать
  • Переход с русского домена на международный?

    khegay
    @khegay
    Founder, Garuna
    И у Яндекс и Гугла есть инструменты, которые помогают в переезде, только никто не гарантирует, что ничего не сломается. Так что, всё делается на свой страх и риск.
    Ответ написан
    Комментировать
  • Как выполнить код javascript в браузере?

    Tomut0
    @Tomut0
    Простой студент, изучающий глубоководье IT.
    Прочитайте про user-scripts.
    Они позволят вам вставлять ваш JS код в любую страницу и отрабатывать ваш JS с DOM'ом страницы.

    Для этого нужно поставить одно из выбранных вами на вкус расширений:
    1. TamperMonkey;
    2. GreaseMonkey;
    3. Существуют и другие, просто сами посмотрите.

    Я же по-рекомендую TamperMonkey.
    Там есть нормальный вывод ошибок, что для новичков – незаменимая вещь.

    ...как-то в консоли браузера код js можно выполнять... Как это сделать?

    – Достаточно нажать кнопку f12 или ctrl + shift + i, в появившемся окне выбрать "консоль", и там уже вставлять ваши js-скрипты.
    Ответ написан
    Комментировать
  • Как заблокировать кнопку без проставленного чекбокса?

    Nolis
    @Nolis
    it-гопник
    Ответ написан
    Комментировать
  • Как верстается такой элемент?

    Ankhena
    @Ankhena Куратор тега Вёрстка
    Нежно люблю верстку

    В размеры сами поиграйте.
    Ответ написан
    2 комментария
  • Как имитировать клик на jQuery/JS?

    sokollondon
    @sokollondon
    Клик по элементу
    $('.btn').click();

    Клик по ссылке (чтобы произошёл переход по ссылке)
    $('a')[0].click();

    Клик по элементу после задержки
    setTimeout(function(){
        $('.btn').click();
    }, 1000);
    Ответ написан
    1 комментарий
  • Как сократить скрипт?

    Stalker_RED
    @Stalker_RED
    Ответ написан
    Комментировать
  • Какой модификатор ставить (БЭМ)?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега HTML
    Руководитель frontend направления, предприниматель
    В примере несколько вещей не очень:
    1. Пустой тег header. Т.е. незаполненный классом.
    2. Как в принципе верно подметил g33km нормой считается вкладывать в тег списка, потому что многоуровневую навигацию так проще оформлять за счет прослоек.
    3. Но наличие пустых тегов тоже идет вразрез БЭМ-у, так как для вложенных элементов должны быть классы, которые позволяют ими управлять. Инкапсуляция классами предполагает отстраненность от тегов, хотя и и приходится на всякий случай (а для списком в обязательном порядке) обнулять отступы и т.д.
    4. То, о чем говорит в своем ответе g33km:
    Если данная навигация будет использоваться в разных местах в одном и том же виде, то ей не нужен класс .content-header__nav

    глупость, так как это обыкновенный микс. Он нужен для того, чтобы определить местоположение блока навигации в блоке шапки.

    Итого, если не сильно шатать трубу структуру, то данныый код может выглядеть следующим образом:
    <header class="content-header">
        <a 
            href="/"
            class="content-header__logo logo">
            <img 
                src="/img/logo.svg" 
                class="logo__image"
                alt="">
        </a>
        <nav class="content-header__nav nav">
            <ul class="nav__list nav__list--inline">
                <li class="nav__item"><a href="" class="nav__link"></a></li>
                <li class="nav__item"><a href="" class="nav__link"></a></li>
                <li class="nav__item"><a href="" class="nav__link"></a></li>
                <li class="nav__item"><a href="" class="nav__link"></a></li>
            </ul>
        </nav>
    </header>
    
    ...
    
    <footer class="footer">
        <nav class="footer__nav nav">
            <ul class="nav__list nav__list--column">
                <li class="nav__item"><a href="" class="nav__link"></a></li>
                <li class="nav__item"><a href="" class="nav__link"></a></li>
                <li class="nav__item"><a href="" class="nav__link"></a></li>
                <li class="nav__item"><a href="" class="nav__link"></a></li>
            </ul>
        </nav>
    </footer>


    Подвал я указал для образца, как этот блок может быть использован «ниже на странице».

    По логике базовый стиль должен обнулять нативные отступы, формировать базовые потребности (можно добавить еще и nav--white, чтобы покрасить в шапке в белый цвет, а в подвале нет (базовым цветом может быть черный у ссылок).

    Ну и в принципе чуть больше можно почитать в моей новоявленной документации. Только вчера закинул в интернеты, дорабатываю и буду рад любым вопросам по этой теме. Контакты есть в профиле, врядли отвечу, но самые интересные образцы скорее всего пойдут на доброе дело.
    Ответ написан
    2 комментария
  • Как заставить setTimeout работать в фоновом режиме?

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    Хорошее обсуждение на тему:
    https://stackoverflow.com/questions/6032429/chrome...
    Ответ написан
    Комментировать
  • Scss, как это работает?

    SkiperX
    @SkiperX Куратор тега CSS
    Это уже через css переменные удобнее делать, т.к. их можно переопределять в media напрямую.

    :root {
      --fz-h1: 33px;
    }
    @media(max-width: 991px) {
      :root {
      --fz-h1: 25px;
    }
    }
    
    
    h1 {
      font-size: var(--fz-h1)
    }


    по sass все будет понятно, как только прочитаете доку
    https://sass-guidelin.es/ru/
    Ответ написан
    Комментировать
  • Как отправить форму при нажатии на radio?

    @vladislav997 Автор вопроса
    $('input[type=radio]').on('change', function() {
        $(this).closest("form").submit();
    });
    Ответ написан
    Комментировать
  • Как при наведении на один блок, применить определённые стили ко всем соседним элементам?

    Get-Web
    @Get-Web Куратор тега CSS
    Front-End Developer
    Если я правильно понимаю задачу, то можно так:
    Ответ написан
    Комментировать
  • Кому принадлежат домены и как они делятся?

    CityCat4
    @CityCat4
    //COPY01 EXEC PGM=IEBGENER
    Все довольно просто.

    Есть ICANN - Internet Corporation for Assigned Names and Numbers - Корпорация по управлению доменными именами и IP-адресами. Она управляет доменной зоной "." ("точка"), то есть всем пространством имен Интернет.
    В ICANN можно купить право создания и управления TLD (Top Level Domain - домен верхнего уровня). Почему я так подчеркнул слово "купить"? Потому что полученное будет иметь все свойства товара - с ним можно делать все, что угодно, в частности устанавливать любые, какие только вздумается правила регистрации имен в данной зоне.
    Несмотря на то, что купить можно не все TLD - часть зарезервирована под географические зоны, некоторые "хорошие" геозоны все равно можно использовать - кого, например, заинтересует мнение каких-то там Кокосовых Островов (.cc) или Тувалу (.tv)?
    Владелец зоны создает контору по технической регистрации имен. Технический регистратор - один. И именно он вносит изменения в базу. Заявки от конечных клиентов он обычно не принимает, продавая право на это другим конторам, их обычно тоже называют регистраторами, что создает преизрядную путаницу. На самом деле ничего они не регистрируют, они только подают заявки настоящему регистратору.
    Конечные регистраторы продают аренду доменного имени. Это важно. Вы не ПОКУПАЕТЕ имя (то есть оно не имеет свойств товара - Вы не можете его продать, обменять, подарить), Вы его АРЕНДУЕТЕ. Именно поэтому регистратор всегда может этот договор расторгнуть, если посчитает нужным.
    А условия договора аренды - целиком и полностью определяет регистратор, он тут ничем не ограничен. Он обязан платить некую сумму "настоящему" регистратору, а все что намутил - оставляет себе. Примерно, как таксист-частник, работающий под маркой таксопарка :)
    Обычно, когда говорят про домены, подразумевают, что все помнят, что домен купить нельзя, речь идет про аренду и специально этот факт не упоминают.
    Цена регистрации, цена продления и то, почему домен gabbagabbahey.cc будет стоить существенно меньше чем sex.com - определяется исключительно коньюнктурой рынка. На самом деле и то имя и другое не стоит ничего,, и если бы вдруг все люди перестали трахаться и стали фанатами игры Descent - соотношение бы изменилось :)
    Вы и сами можете стать регистратором и гнуть какие хотите цены. Заключаете договор с "настоящим" регистратором - и вперед.
    Иногда спрашивают - как завести свою зону. Обычному человеку как правило - никак. На хабре есть статья, как Яндекс заводил TLD .yandex - это им обошлось примерно в $200000 и год переписки с ICANN.
    Ответ написан
    Комментировать
  • Как сверстать такой блок?

    LenovoId
    @LenovoId
    svg, css,js
    Вот так на SVG

    Второй вариант на SVG pattern
    Ответ написан
    Комментировать
  • Как сверстать такой блок?

    RAX7
    @RAX7
    Ответ написан
    Комментировать
  • Как сделать цвет текста адаптивным к цвету фона?

    @McBernar
    Вот буквально вчера делал с помощью js.
    Алгоритм простой:
    1. Взять цвет фона
    2. Перевести hex в hsl
    3. Если l в hsl выше 0.8 (то есть, фон яркий), берем из hsl параметр hue (оттенок), берем насыщенность 100% и яркость 10%, и конвертируем новый темный оттенок обратно в hex
    4. Применяем этот hex к тексту

    Таким образом мы имеем либо белый текст на темном фоне (по-умолчанию), либо темный текст, слегка подкрашенный в оттенок фона, на светлом фоне. Почему подкрашенный? Потому что чистый черный на условно светло-розовом будет смотреться плохо. А вот слегка розоватый — отлично.
    Ответ написан
    Комментировать