dr.Brain

doctor Brain

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

CSS: откажись от margin-top

формируем отступы с помощью margin-bottom и gap

dr.Brain

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

Photo by Tim Wildsmith on Unsplash

Вот и настало время для переосмысления подхода к верстке макетов. Давайте поговорим о CSS-свойстве margin-top. Уже много лет margin-top - один из основных элементов в наборе инструментов верстальщика. Но важно знать, что есть и более интересные способы управления пространством между блоками, позволяющие создавать понятный и удобный для дальнейшей работы код: margin-bottom и gap.

HTML: meter

измеряем данные в указанном диапазоне с помощью HTML

dr.Brain

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

Photo by Mark Chan on Unsplash

Для измерения данных в заданном диапазоне (датчик) в HTML существует элемент meter.

HTML: progress

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

dr.Brain

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

Photo by Roberto Sorin on Unsplash

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

Python: qr код в 7 строк

создаем qr-код с помощью Python

dr.Brain

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

Photo by David Maier on Unsplash

Всего 7 строк кода на питоне нужно для того, чтобы сгенерировать и сохранить на компьютере картинку с qr-кодом.

HTML: video

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

dr.Brain

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

Photo by Jakob Owens on Unsplash

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

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

Далее

Категории

О нас

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