Ответы пользователя по тегу HTML
  • Как решить проблему с тегом link c установленным значением preload и as, почему инспектор хрома выдаёт ошибки?

    @acwartz
    Тут должна быть ваша реклама.
    Просто предупреждение что ресурсы предзагружены но не используются в загружаемой странице.
    Попробуйте prefetch вместо preload или уберите их вовсе.
    Ответ написан
    Комментировать
  • Почему HTML5 не может заменить MP4? Или может?

    @acwartz
    Тут должна быть ваша реклама.
    Вопрос: как объяснить человеку, именно с _технической_ точки зрения, что его идея, скажем так, не очень?

    Не весь контент можно так отобразить.
    Формат данных веб-браузера - универсален, как его отображать - решает и рисует конечное устройство, когда исходные данные получены с веб-сервера т.е. разметка и каскадные стили.
    В вебе почти нет ничего абсолютного, всё очень и очень относительно.

    С видео-клипами все по другому. Они готовые, отснятые, в конкретном разрешении с конкретным качеством. При масштабировании просто неоткуда взять данные для восстановления четкой красивой картинки под её новые размеры которые больше чем разрешение в котором вообще был снят ролик.
    Запусти клип 640x480 на разрешении 4K и узришь пиксель арт.
    Запусти клип 4K на разрешении 640x480 и узришь в лучшем случае кусочек клипа в худшем - слайдшоу кусочка клипа, либо пиксельный замес.

    Если речь только о хороших видео-роликах, содержимое которых нельзя сделать скажем анимацией SVG или чем-то из мира WebGL отрисовку которых целиком возьмет на себя отображаемый в биллборде браузер, то увы, либо хороший кодек и такой же формат либо 10 роликов.

    И да от 10 роликов не сбежать, как не смог сбежать и гугл. Который берет видео-стрим в 2к и постепенно сам кодирует его в более низкопробные форматы, а причина проста:
    Кодирование не быстрое и ресурсоёмкое, а конетент у вас не изменяется с течением времени, это же не стрим в реальном времени где можно принудительно указать "хочу качественный пиксель-арт 480p" и в тебе ютуб будет отдавать видео-поток низкого качества, а когда стрим завершен, ютуб сам берет на себя обязательство сделать несколько низкокачественных копий чтобы люди с меньшими ресурсами тоже могли посмотреть его, не страдая.

    Посмотрите в сторону формата mkv с кодированием h.265 (HVEC), возможно так не придется делать 10 роликов,
    в будет всего один клип снятый в максимальном разрешении, который благодаря хорошему сжатию сам отмасштабируется в требуемое конечным устройством изображение.

    P.S. Не знаю при чем тут веб, однако нужны теги связанные с обработкой видео и кодеками, там люди точно объяснят почему идея не очень или как её просто сделать лучше.
    Ответ написан
  • Как проставить атрибуты в notepad++ автоматически?

    @acwartz
    Тут должна быть ваша реклама.
    В настройках включи мульти-редактирование, зажми Ctrl и тыкай курсоры куда надо, потом вбей значения.
    Из посложнее:
    В случае с XML, есть плагин XMLTools, коим можно при помощи XPath выполнять выражения, таким образом модифицируя документ где надо, опять же надо знать XPAth/XSLT queries.
    Ответ написан
    Комментировать
  • Как верстать под печать?

    @acwartz
    Тут должна быть ваша реклама.
    Но мне кажется, что это ерунда. Туда отдельно писать код для всей страницы снова?

    На чистом CSS - да.

    Чтобы скрасить монотонность копирования одного и того же, существуют препроцессоры css (LESS, SCSS, Stylus), и вместо дублирования под все медиа, Вы сразу пишите медиа запросы к конкретному классу, в последующем препроцессор сформирует нужное, и оно будет ожидаемо работать.
    Например:
    .sidebar {
      width: 300px;
      @media screen and (orientation: landscape) {
        width: 500px;
      }
      @media screen and (min-width: 640px) {
        width: 350px;
      }
      @media print {
        display: none;
      }
    }

    на выходе будет:
    .sidebar {
    	width: 300px;
    }
    
    @media screen and (orientation: landscape) {
    	.sidebar {
    		width: 500px;
    	}
    }
    
    @media screen and (min-width: 640px) {
    	.sidebar {
    		width: 350px;
    	}
    }
    
    @media print {
    	.sidebar {
    		display: none;
    	}
    }


    Отладка меди-запросов включается в DevTools доп утилитах рендера:
    5f9925e993892286417134.png
    Туть:
    5f99260ea64cd837540535.png
    Ответ написан
    3 комментария
  • Как отключить поддержку изображений .webp в гугл хроме?

    @acwartz
    Тут должна быть ваша реклама.
    Вопрос некорректен. webp это один формат, png это другой формат. Если браузер почему-то решил отображать png как webp то проблема явно в настройках веб-сервера который заставляет его отдавать png под видом webp.
    Ответ написан
    Комментировать
  • Как поддерживать верстку на IE 11?

    @acwartz
    Тут должна быть ваша реклама.
    только если есть реальная необходимость в этом. Прям реальная-реальная, например спец. ПО работает через ActiveX, или имеются некие спец. расширения браузера, словом что угодно, напрямую взаимодействующее с реальной системой пользователя, и пользователь не приемлит ручное скачивание всякого барахла и установку его руками на ПК чтоб работать, потому что осел это делает не перекладывая на пользователя.
    Ответ написан