Список статей

Про собаку
Про собаку

Про собаку

Немного информации для англоговряших людей про мою собаку. Тут перечислены основные управляющие команды для моей собаки с английским транслитом.

Что такое MD Markdown?
Что такое MD Markdown?

Что такое MD Markdown?

Ранее в этом блоге я писал о языке разметке текстов HTML, в этой же статье мы рассмотрим другой чуть менее популярный способ разметки текстов Markdown. Рассмотрим зачем нужна такая разметка и ее базовый синтаксис.

JS: Снег на сайте
JS: Снег на сайте

JS: Снег на сайте

Тут поговорим о том как решить очень популярную, почти новогоднюю задачу - “Сделать снег на сайте”. Данное решение не потребует ни каких внешних зависимостей и дополнительных библиотек чем обычно “грешат” современные JS решения на сайтах.

CSS: БЕМ Блоки и элементы
CSS: БЕМ Блоки и элементы

CSS: БЕМ Блоки и элементы

Тут поговорим об одной из самых популярных методологий определения наименования классов для элементов в верстке. Попробуем разобраться в том, что такое блоки и элементы в этом подходе.

Основы CSS: позиционирование
Основы CSS: позиционирование

Основы CSS: позиционирование

Тут рассмотрим очень важную тему для верстки. Позиционирование HTML элементов.

Позиционирование элементов определяется правилом position это правило чем то похоже на display , оно тоже в корне меняет поведение, расположение элементов на экране. Это возможно одно и самых популярных css правил когда дело касается бесконечных лент, фиксированных заголовков и прочих элементов “залипающих” на экране.

CSS: Псевдо элементы
CSS: Псевдо элементы

CSS: Псевдо элементы

Рассмотрим тут пару самых популярных псевдо элементов, которые используются для разработки интерфейсов. Попробуем на примерах разобраться зачем они нужны, и что позволяют упростить.

URL - доменные имена
URL - доменные имена

URL - доменные имена

Погружаемся глубже в URL. Из чего он состоит, что он него следует ожидать. Попытаемся разобраться зачем нужны регистраторы доменных имен. Что там за домены такие вообще с уровнями. Почему это важно.

CSS блоки - блочные элементы
CSS блоки - блочные элементы

CSS блоки - блочные элементы

Тут поговорим о возможно самых популярных тегах и блоках в современной верстке. Теги DIV которые по умолчанию в браузерах имеют отображение display: block. Так же попробуем понять почему таблицы перестали быть основным способом позиционирования элементов в верстке.

CSS блоки - inline
CSS блоки - inline

CSS блоки - inline

Здесь поговорим про правило display, о том как располагаются строчные HTML элементы относительно друг друга . Объясним причины появления пресловутых пробелов и методы борьбы с ними. Немного затронем правила внешних и внутренних отступов.

Основы CSS цвета
Основы CSS цвета

Основы CSS цвета

Ранее мы описывали цвета на с использованием английских слов “red, green, blue”. Но этого явно не достаточно описать все цвета которые может различать человеческий глаз, тут мы рассмотрим как эта проблема решена в CSS.

Основы CSS - веса правил
Основы CSS - веса правил

Основы CSS - веса правил

Тут поговорим о приоритетах CSS правил на верхнем уровне не углубляясь в селекторы. Что если в атрибутах тега описано одно поведение, а в стилях другое. Что за флаг !important и как с ним бороться.

Основы CSS - веса селекторов
Основы CSS - веса селекторов

Основы CSS - веса селекторов

Тут мы поговорим о том как определить какое на самом деле значение CSS свойства будет применено на элементе.

Рассмотрим ситуации когда несколько селекторов определяют одно и тоже правило для одного и того же элемента

Основы CSS - уровень правил
Основы CSS - уровень правил

Основы CSS - уровень правил

Тут поговорим о CSS свойствах вообще. Ранее мы рассматривали способы выделения HTML тегов в документе с помощью CSS селекторов и их комбинаций . Теперь попробуем опустится еще на один уровень ниже. На уровне синтаксиса, зайдем внутрь фигурных скобок. С примерами таких правил как background, color, visibility, opacity на их примере разберемся о том как работают и чем отличаются initial и inherit.

Основы СSS - комбинаторы
Основы СSS - комбинаторы

Основы СSS - комбинаторы

Ранее были описаны качественные способы выбора HTML элементов , но что если нам не достаточно выбрать теги по названию или по классу? Для того чтобы решать решать такие задачи существует механизм комбинирования CSS селекторов. Синтаксис CSS построен таким образом что комбинирование селекторов выглядит как расставление знаков препинания между словами.

Основы СSS - селекторы
Основы СSS - селекторы

Основы СSS - селекторы

Что же из себя представляют эти самые css правила? Тут есть две части.

В первой необходимо указать, что мы пытаемся описать будем называть эту часть селектором. В этой статье мы поговорим о них подробно.

Основы HTML
Основы HTML

Основы HTML

Тут объясняются общие термины и понятия которые необходимы чтобы читать HTML разметку.