Руководство по качеству кода HTML, CSS, JS

См. также "Руководство по написанию JavaScript-кода от Airbnb" Общие принципы написания качественного кода DRY (Don't Repeat Yourself) - не повторяться при написании кода: всё в проекте должно быть определено только один раз. При несоблюдении этого принципа: изменения придется вносить в Читать дальше ...

Особенности тегов HTML

Элементы макета документа HTML Структура HTML документа

Разделы HTML документа: <!DOCTYPE html>: объявление типа документа. <html></html>:  "корневой элемент", содержит в себе всё наполнение страницы. <head></head>: выступает в качестве контейнера для содержимого HTML документа, которое не показывается посетителям страницы, и Читать дальше ...

Свойство CSS flex

Свойство flex Свойство CSS flex - это сокращённое свойство, определяющее CSS-способность элемента растягиваться или сжиматься для заполнения собой доступного свободного пространства. При этом у родительского элемента должно быть установлено свойство display : flex (родительский элемент должен являться flex-контейнером). На практике Читать дальше ...

Структура таблицы HTML

Элементы структуры таблицы HTML

где <table></table> является контейнером для всех элементов таблицы (все остальные элементы должны находиться внутри него). <caption></caption> создает заголовок таблицы. Добавляется непосредственно после тега <table>, вне строки <tr> или ячейки <td>. <colgroup></colgroup> группирует один или более Читать дальше ...

Работа с CSS через Javascript

Получение всех CSS-свойств элемента ( метод window.getComputedStyle() ) Метод window.getComputedStyle() возвращает объект, содержащий значения всех CSS-свойств элемента после применения всех активных таблиц стилей и завершения базовых вычислений значений, которые они могут содержать.  Синтаксис метода window.getComputedStyle():

где  element - элемент Читать дальше ...

Использование Sass

Подробнее по ссылке https://sass-scss.ru/documentation/ Директивы Sass Миксины Миксины (примеси) позволяют определить стили, которые могут быть использованы повторно в любом месте документа (это повторяющиеся участки кода, которые можно включать в различные селекторы). Миксины могут: содержать CSS правила или что-либо другое, разрешённое Читать дальше ...