Skip to content

Instantly share code, notes, and snippets.

@neretin-trike
neretin-trike / stylus.md
Last active April 29, 2024 16:10
Туториал по CSS препроцессору Stylus
@neretin-trike
neretin-trike / pug.md
Last active May 27, 2024 19:37
Туториал по HTML препроцессору Pug (Jade)
@neretin-trike
neretin-trike / bem.md
Last active September 23, 2023 04:06
Способ организации код - методология БЭМ

Методология БЭМ

БЭМ (Блок, Элемент, Модификатор) — компонентный подход к веб-разработке. В его основе лежит принцип разделения интерфейса на независимые блоки. Он позволяет легко и быстро разрабатывать интерфейсы любой сложности и повторно использовать существующий код, избегая.

Основная терминология

Блок - часть страницы, являющаяся логически независимой от остального наполнения. Представляет собой «строительную единицу» для сайта (на примере конструктора лего - это отдельный «кирпичик»). Блок не отвечает за свое расположение. Он задает внутренние свойства (размеры, шрифты и т.д.).

Элемент - часть блока, которая должна входить в состав блока и не иметь какого-либо смысла отдельно от блока.

@neretin-trike
neretin-trike / syntax.md
Last active September 23, 2023 04:06
Синтаксис Markdown разметки
@neretin-trike
neretin-trike / vscode.md
Last active December 19, 2022 04:48
Горячие клавиши

СОЧЕТАНИЕ КЛАВИШ VS

Частоиспользуемые сочетания клавиш в Visual Code

Файл

Ctr + Shift + F - искать в файлах и файлы
Ctr + Shift + N - новое окно редактора

Ctr + K O - открыть папку

@neretin-trike
neretin-trike / metatag.md
Last active September 23, 2023 04:06
SEO оптимизация сайта

Основные мета-теги

Мета-теги - это служебные слова, которые содержат важную информацию о веб-документе для поисковых систем. В большинстве случаев размещаются внутри тега head.
Список мета-тегов для атрибута name:

  • description — описание веб-страницы, должно быть достаточно длинным и полным
  • keywords — ключевые слова,
  • generator — CMS сайта,
  • author — автор,
  • copyright — авторские права,
  • robots — правила индексирования страницы для роботов,
  • viewport — данные о настройке области просмотра
@neretin-trike
neretin-trike / select.md
Last active September 23, 2023 04:06
Информация об CSS

Виды селекторов отношений

Используются для того чтобы выбрать элементы в зависимости от того как они связаны с другими элементами на веб-странице.

Вложенные селекторы

Комбинатор выбирает элементы, которые находятся внутри указанного элемента (вне зависимости от уровня вложенности).
css

div p {
  color:red;
}