Ответы пользователя по тегу HTML
  • Почему всегда не используют vw для размера шрифта в css?

    @akb2
    Доброе утро. Я во всю использую данные единицы измерения. Мой подход прост: размер страницы более 759 пикселей, использую VW для всех размеров, если меньше, то использую PX. Для наглядности оставил ссылки на сайты ниже.

    Почему VW?
    Отвечаю: зайдите на сайт ВКонтакте с компьютера и монитора с разрешением в 2560xXXXX или еще большим разрешением. Конечно можно для каждого разрешения делать отдельный макет, но нужна ли дополнительная работа, если есть способ сделать масштабируемый вариант? Главный плюс в том, что я буду уверен, что на всех стационарных устройствах люди будут видеть именно то что я задумал. Для слабовидящих просто не используйте мелкий шрифт, и огромные буквы тоже. Единственный минус - это странный отступ в 1 пиксель в некоторых случаях, но я полагаю это из-за разного способа округления этих единиц измерения в браузерах и это головная боль W3C, сильно это не мешает.

    Сайты с макетами на VW:
    https://dreams.online-we.ru
    https://lang-club.ru
    https://studiosv.ru
    https://softmicron.com
    https://giant-spoon.ru

    В данный момент в разработке:
    https://mr-ecosteam.com
    https://fstuff.ru
    Ответ написан
  • Как отключить автозаполнение форм с помощью html 5?

    @akb2
    Очень простой и изящный способ как отключить автозаполнения и выпадающие списки с выбором логина и пароля от браузера на формах регистрации и прочих формах.

    <div class="field">
    	<input type="password" name="pass" autocomplete="new-password">
    	<div class="hidden"></div>
    </div>


    здесь мы отключаем автозаполнение пароля, а также чтобы не было выпадающего списка выбором паролей там где это не нужно:
    - оборачиваем форму в блок со свойством position:relative
    - после поля прописываем блок с position:absolute top:0 left:0 width:100% height:100%
    - создаем событие onclick, для класса field где вызываем фокус для нашего поля внутри

    разница на скриншотах

    До
    5c7b1b5e59913162932758.jpeg

    После
    5c7b1b47ab6ba995507479.jpeg
    Ответ написан
    3 комментария