dr.Brain

doctor Brain

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

frontend

Пропорции для img

Управляем пропорциями изображения с помощью CSS

dr.Brain

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

Photo by Timothy Dykes on Unsplash

В этом очень небольшом обзоре мы изучим, как установить соотношение сторон (пропорции) для изображения, размещаемого на HTML-странице. Для чего это нужно? К примеру, полученные знания будут полезны, если возникает необходимость уместить картинки различных размеров и пропорций в квадратный блок (или любой другой блок с четко определенными размерами и соотношением сторон), не искажая изображения.

Функциональный CSS: Tailwind CSS

Tailwind - CSS фреймворк для быстрого создания собственных интерфейсов

dr.Brain

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

Photo by tito pixel on Unsplash

Tailwind CSS - легконастраиваемый низкоуровневый CSS фреймворк, предоставляющий блоки, необходимые для создания оригинальных интерфейсов без навязывания каких-либо предустановленных стилей, требующих переопределения.

CSS: сглаживаем неровности градиентов

как избежать искажения линии при резком градиентном переходе

dr.Brain

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

Photo by Piotr Łaskawski on Unsplash

Сегодня мы обратим внимание на один из распространенных приемов CSS: цветной блок, размещенный под углом в нижней части родительского элемента. Уверен, что Вы неоднократно встречались с таким решением.

Ссылки: расширенные возможности

как использовать HTML-cсылки для звонков, сообщений и взаимодействия с приложениями

dr.Brain

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

Photo by Alexander Andrews on Unsplash

С помощью HTML-ссылок мы можем открыть панель набора телефонного номера на мобильном устройстве. Да, эта функция актуальна только для смартфонов, но Google Chrome предлагает неплохую альтернативу для обладателей ноутбуков и настольных компьютеров - мы можем нажать на ссылку и здесь, звонок будет переведен на мобильный телефон. Такие ссылки называются “click to call links”

CSS. Магия отступов

padding и margin в процентах, как это работает

dr.Brain

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

Photo by M Angie Salazar on Unsplash

Существует вопрос, который я задаю многим разработчикам, но, к сожалению, не получаю верного ответа: “Что означают проценты для свойств CSS padding и margin?”

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

Далее

Категории

О нас

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