dr.Brain

doctor Brain

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

css

Исчезающая линия

исчезающая линия или еще кое-что о магии CSS

dr.Brain

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

Photo by Andre Benz on Unsplash

Итак, мы работали над библиотекой компонентов для React, и, спустя некоторое время, обнаружили проблему, связанную с одним из базовых компонентов, а именно с горизонтальной линией, выполнявшей роль разделителя. Проблема рендеринга самой примитивной линии - это практически невообразимо.

Выскальзывающий 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

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

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

Далее

Категории

О нас

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