dr.Brain

doctor Brain

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

css

Выскальзывающий footer

создаем эффект выскальзывающего футера

dr.Brain

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

Photo by Maarten Duineveld on Unsplash

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

Hello world на чистом CSS

как написать Hello world на чистом CSS

dr.Brain

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

Photo by Diana Măceşanu on Unsplash

Это звучит странно и непрактично, но, возможно, когда-нибудь на собеседовании Вас озадачат вопросом, привычным для любителей JavaScript и других языков программирования: можно ли написать фразу “Hello, World!” на чистом CSS?

CSS для динамических классов

можно ли определить CSS-свойства для динамически генерируемых классов

dr.Brain

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

Photo by Clément Falize on Unsplash

Итак, у нас есть класс .form-123, в котором цифровая составляющая изменяется при загрузке или обновлении страницы. Можно ли установить единые CSS-свойства (например, margin или background-color) для классов такого типа.

Как display: none для изображений влияет на скорость загрузки страницы

нужно ли скрывать картинки с помощью display: none для уменьшения времени загрузки страницы

dr.Brain

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

Photo by James Lee on Unsplash

Мы постоянно пытаемся улучшить процесс вывода изображений при загрузке страниц сайта. Для фронтенд-разработчиков это цель, миссия и, даже, часть культуры.

Прыгающие ссылки

фиксированный header и прыгающие ссылки - как решить проблему

dr.Brain

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

Photo by Kovah on Unsplash

Итак, проблема - на html-странице есть ссылка на якорь, подобная этой: <a href="#header-3">Перейти</a>, при нажатии на которую происходит переход к такому блоку <h3 id="header-3">Заголовок</h3>. На первый взгляд, все работает превосходно, но не в случае, когда к шапке сайта применили CSS-свойство position: fixed; - header просто не позволит увидеть блок, к которому Вы перешли.

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

Далее

Категории

О нас

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