dr.Brain

doctor Brain

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

frontend

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

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

dr.Brain

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

Photo by Clément Falize on Unsplash

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

Двойное отрицание

двойное отрицание вместо boolean() в JavaScript

dr.Brain

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

Photo by Jørgen Håland on Unsplash

Булевы значения (boolean) названы в честь английского математика и логика Джорджа Буля (George Boole) и принимают только два значения: истина (true) или ложь (false).

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

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

dr.Brain

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

Photo by James Lee on Unsplash

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

JavaScript: console, варианты использования

5 способов использования объекта console в JavaScript

dr.Brain

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

Photo by Steve Harvey on Unsplash

Объект console нужен для доступа к средствам отладки браузера. Методы этого объекта позволяют выводить строки, массивы, объекты, существенно облегчая процесс отладки кода. В свою очередь console является частью глобального объекта Window и поддерживается Объектной Моделью Браузера (Browser Object Model, BOM). Методы объекта console работают как на стороне фронтенда, так и на стороне бекенда.

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

фиксированный 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. Статьи, обзоры, заметки, код, уроки.