Skip to content

Instantly share code, notes, and snippets.

@neretin-trike
neretin-trike / stylus.md
Last active September 22, 2023 08:33
Туториал по CSS препроцессору Stylus
@neretin-trike
neretin-trike / pug.md
Last active March 27, 2024 15:36
Туториал по 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 / gitcommitapi.js
Last active February 14, 2018 08:51
JS-сниппеты
/*
Создание коммита на обновление файла с помощью Github API
*/
var dataJson = "";
$.ajax({
url: 'https://api.github.com/repos/neretin-trike/test_repo1/contents/7.txt',
type: 'GET',
}).done(function(response) {
var filecontent = "The data of the file";
@neretin-trike
neretin-trike / semanticversion.md
Last active January 31, 2021 21:27
Правило именование версий

Семантическое Версионирование

Учитывая номер версии МАЖОРНАЯ.МИНОРНАЯ.ПАТЧ, следует увеличивать:

  1. МАЖОРНУЮ версию, когда сделаны обратно несовместимые изменения API.
  2. МИНОРНУЮ версию, когда вы добавляете новый функционал, не нарушая обратной совместимости.
  3. ПАТЧ-версию, когда вы делаете обратно совместимые исправления.

Дополнительные обозначения для предрелизных и билд-метаданных возможны как дополнения к МАЖОРНАЯ.МИНОРНАЯ.ПАТЧ формату.

@neretin-trike
neretin-trike / select.md
Last active September 23, 2023 04:06
Информация об CSS

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

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

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

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

div p {
  color:red;
}
@neretin-trike
neretin-trike / htmlelem.md
Last active September 23, 2023 04:06
Информация об HTML

Виды HTML элементов

Описание существующих контейнеров и списки соотвествующих тегов.

Блочные элементы и блочные контейнеры

Блочные элементы — элементы высшего уровня, которые форматируются визуально как блоки, располагаясь на странице в окне браузера вертикально. Значения свойства display, такие как block, list-item и table делают элементы блочными. Блочные элементы генерируют основной блок, который содержит только блок элемента. Элементы со значением display: list-item генерируют дополнительные блоки для маркеров, которые позиционируются относительно основного блока.

Список тегов: <address>, <article>, <aside>, <blockquote>, <dd>, <div>, <dl>, <dt>, <details>, <fieldset>, <figcaption>, <figure>, <footer>, <form>, <h1>-<h6>, <header>, <hr>, <iframe>, <li>, <legend>, <nav>, <noscript>, <ol>, <output>, <optgroup>, <option>, <p>, <pre>, <section>, <summary>, <table>, <ul>

Строчные элементы и строчные контейнеры

Встроенные (строчные) элементы генерируют внутристрочные контейнеры. Они не