Несколько простых, но в то же время полезных вещей, которые в какой-то степени облегчат разработку сайта или улучшат юзабилити.
Отложенная загрузка (Lazy)
Она же еще называется ленивой загрузкой. Такой тип загрузки можно назвать асинхронным, он не блокирует отрисовку страницы, что позволяет ей грузиться намного быстрее. Можно использовать для изображений loading="lazy", JavaScript, шрифты и CSS. Более подробно можно почитать на MDN Web Docs.
Ссылки для тел. звонков и отправки почты
Активные ссылки позволяющие переходить сразу к определенному действию. На примере href="tel:+79990000000", при клике на такую ссылку с телефона, позволяет сразу перейти к звонку на указанный номер, что весьма очень удобно. В случае с href="mailto:test@example.com", открывает выбранный почтовик по умолчанию и позволяет перейти сразу к написанию письма.
Тег <meter>
Что-то похожее на прогресс-бар. Для работы не требуется JS и даже можно обойтись без использования CSS. Поддерживается всеми современными браузерами.
Пример можно посмотреть по этой ссылке.
Автозаполнение input поля (выпадающий список)
Тут все более чем просто, к примеру у нас есть текстовая форма "input type=text" и необходимо вписать город, при написании первых букв будет подгружаться заготовленный список с подходящими вариантами. Работает это все через атрибут list и тег datalist. Посмотреть пример кода можно по этой ссылке.
Проверка орфографических ошибок
Добавив простой атрибут spellcheck="true" к input или textaria, можно включить орфографическую проверку к данному полю, если это конечно поддерживается вашим браузером.
