dr.Brain

doctor Brain

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

html

HTML: submit за пределами формы

размещаем кнопку submit за пределами формы

dr.Brain

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

Photo by Paul Pastourmatzis on Unsplash

Далеко не всегда кнопка отправки формы должна находиться в пределах родительского блока form. Спецификация HTML позволяет размещать ее в любом месте на странице сайта.

HTML: прокрутка страницы

плавная прокрутка с помощью HTML

dr.Brain

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

Photo by Paul Skorupskas on Unsplash

Автоматическую прокрутку страницы можно сделать более плавной и привлекательной с помощью псевдокласса :focus-within.

HTML: градиентный текст

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

dr.Brain

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

Photo by Dana Andreea Gheorghe on Unsplash

Чтобы создать текст с градиентной окраской можно использовать CSS-свойство background-clip.

HTML: capture

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

dr.Brain

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

Photo by Priscilla Du Preez on Unsplash

Атрибут capture HTML-элемента input позволяет захватить видеопоток со смартфона или планшета.

HTML: отключаем контекстное меню

выключаем правый клик с помощью HTML и обработчика событий

dr.Brain

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

Photo by David Clode on Unsplash

Установив значение false для свойства обработчика событий oncontextmenu, обрабатывающего клик правой кнопкой мыши, можно изменить стандартное поведение браузера и отключить вызов контекстного меню

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

Далее

Категории

О нас

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