dr.Brain

doctor Brain

мир глазами веб-разработчика

html

HTML: progress

создаем индикатор прогресса с помощью HTML

dr.Brain

время чтения 1 мин.

Photo by Roberto Sorin on Unsplash

HTML-элемент progress отражает ход выполнения задачи. обычно отображается в виде прогресс-бара (индикатора выполнения).

HTML: video

воспроизводим видео только с помощью HTML

dr.Brain

время чтения 1 мин.

Photo by Jakob Owens on Unsplash

Знаете ли вы, что можно забыть про фреймы с youtube, встраиваемые в контент страницы каждый раз, когда необходимо добавить видео. HTML-элемент video позволяет реализовать медиаплеер и добавить все необходимые атрибуты, такие как width, height, autoplay, loop, controls и другие.

HTML: placeholder

создаем подсказки для элементов ввода данных с помощью HTML

dr.Brain

время чтения 1 мин.

Photo by Katja Anokhina on Unsplash

Пользователь не может понять, какую информацию от него ожидают при заполнении формы?

HTML: srcset и sizes

оптимизируем размер изображения с помощью HTML

dr.Brain

время чтения 1 мин.

Photo by Jon Tyson on Unsplash

Если Вы хотите, чтобы страницы сайта загружались быстрее, а сам веб-ресурс соответствовал принципам адаптивной вёрстки, используйте атрибуты srcset и sizes для HTML-элемента img.

HTML: выбор даты

создаём поле ввода для даты с помощью HTML

dr.Brain

время чтения 1 мин.

Photo by Jacek Dylag on Unsplash

Вместо привычно JavaScript попробуйте использовать type="date" для HTML-атрибута input. Так в большинстве современных браузеров открывается встроенный выбор даты, облегчая пользователям заполнение форм на веб-страницах.

Новые публикации

Далее

Категории

О нас

Frontend & Backend. Статьи, обзоры, заметки, код, уроки.