dr.Brain

doctor Brain

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

frontend

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

как использовать 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?”

Medium: форма без фокуса ввода

критическая оценка особенностей реализации формы c чекбоксами

dr.Brain

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

Photo by MEDIA PROFILE on Unsplash

Я заметил, что не так давно популярный сервис Medium обновил на странице регистрации форму выбора, которая помогает новому пользователю определиться с интересующими его темами.

Изучаем содержимое SVG спрайта

анализируем картинки в SVG спрайте с помощью JavaScript

dr.Brain

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

Photo by Sebastian Herrmann on Unsplash

Бесспорно, все мы знаем структуру SVG-спрайта: это один корневой элемент svg, внутри которого находятся области symbol, содержащие картинки. Каждому symbol присваивается уникальный id, по которому идет дальнейшее обращение к картинке. Контент, расположенный внутри symbol не отображается на странице.

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

Далее

Категории

О нас

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