dr.Brain

doctor Brain

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

frontend

Когда место не имеет значения

влияет ли последовательность размещения CSS-классов в HTML-документе на свойства элемента

dr.Brain

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

Photo by Brooke Lark on Unsplash

Последовательность размещения CSS-классов элемента в HTML-документе не влияет на его свойства. И это легко доказать.

Width и height

в чем различия CSS-свойств width/height и HTML-атрибутов width/height

dr.Brain

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

Photo by imgix on Unsplash

width и height могут выступать в качестве атрибутов некоторых HTML-элементов.

JavaScript: foreach и map

различия методов forEach и map, о которых должен знать каждый разработчик

dr.Brain

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

Photo by Paul Bergmeir on Unsplash

Для перебора элементов массива в JavaScript есть несколько удобных методов. Из них наиболее популярны Array.prototype.map() и Array.prototype.forEach(). Для начинающих программистов в использовании этих методов есть несколько неочевидных моментов: ведь, оба метода предназначены для перебора элементов и оба возвращают какой-то результат. Так в чем же различия?

SVG: гамбургер меню

рисуем гамбургер-меню в svg

dr.Brain

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

Photo by Edward Franklin on Unsplash

Итак, нам нужно нарисовать гамбургер-меню: всего три полосы - это достаточно просто сделать, кроме того, для этого в HTML и CSS существует множество способов. Но, с другой стороны, нарисовать иконку гамбургер-меню можно и в SVG, и это, пожалуй, самый легкий и приятный вариант решения данной задачи.

HTML: чистый код

пишем чистый и красивый html-код

dr.Brain

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

Photo by Aaron Burden on Unsplash

Когда мы пишем html-код, нет необходимости строго придерживаться определенного формата и всегда соблюдать последовательность открытия и закрытия тегов, потому что в абсолютном большинстве случаев код будет работать. Тем не менее, Ваш код должен быть понятным, красивым и хорошо читаемым.

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

Далее

Категории

О нас

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