308 читали · 2 года назад
Стилизованный input[type="range"]
Инпут с ползунком Предыстория: Как сделать такой инпут, да еще задать ему стили? Стили, кроме того, должны быть кроссбраузерными. Очень часто его далают из стилизованых <span>, а функционал пишут на js. На самом деле это необязательно. Решение, input[type="range"] стилизация без js HTML: <input type="range" name="range" value="75" min="0" max="100" step="1" /> ...
5 лет назад
5 полезных хитростей в HTML
Несколько простых, но в то же время полезных вещей, которые в какой-то степени облегчат разработку сайта или улучшат юзабилити. Отложенная загрузка (Lazy) Она же еще называется ленивой загрузкой. Такой тип загрузки можно назвать асинхронным, он не блокирует отрисовку страницы, что позволяет ей грузиться намного быстрее. Можно использовать для изображений loading="lazy", JavaScript, шрифты и CSS. Более подробно можно почитать на MDN Web Docs. Ссылки для тел. звонков и отправки почты Активные ссылки позволяющие переходить сразу к определенному действию...