Список статей
Про собаку
Немного информации для англоговряших людей про мою собаку. Тут перечислены основные управляющие команды для моей собаки с английским транслитом.
Почему я не люблю платные online сервисы
Все очень просто
- Я не хочу платить если это дорого.
- Даже если это не дорого то это сложно. Вот почему это сложно.
React как использовать useState для объектов
Как манипулировать объектами в состоянии React хуков, используя TypeScript
Итоги 2022 года
Итоги 2022 года что же было в этом году.
Что такое MD Markdown?
Ранее в этом блоге я писал о языке разметке текстов HTML, в этой же статье мы рассмотрим другой чуть менее популярный способ разметки текстов Markdown. Рассмотрим зачем нужна такая разметка и ее базовый синтаксис.
JS: Снег на сайте
Тут поговорим о том как решить очень популярную, почти новогоднюю задачу - “Сделать снег на сайте”. Данное решение не потребует ни каких внешних зависимостей и дополнительных библиотек чем обычно “грешат” современные JS решения на сайтах.
Аналитик данных кто это?
В целом аналитик данных это, конечно, человек, который работает с данными 🙂
GitHub: Что это такое и зачем?
Рассмотрим тут решение одной из самых популярных задач - “как опубликовать файлы в интернет?”.
CSS: БЭМ классы и наименованиия
Поговорим про технические детали того как обычно работают с БЕМ методологией.
CSS: БЕМ Блоки и элементы
Тут поговорим об одной из самых популярных методологий определения наименования классов для элементов в верстке. Попробуем разобраться в том, что такое блоки и элементы в этом подходе.
CSS: позиционирование fixed sticky
Ранее мы рассмотрели “классические” виды позиционирования, которые часто применяются в верстке и являются очень надежными и распространенными.
Основы CSS: позиционирование
Тут рассмотрим очень важную тему для верстки. Позиционирование HTML элементов.
Позиционирование элементов определяется правилом position это правило чем то похоже на display , оно тоже в корне меняет поведение, расположение элементов на экране. Это возможно одно и самых популярных css правил когда дело касается бесконечных лент, фиксированных заголовков и прочих элементов “залипающих” на экране.
CSS: Псевдо элементы
Рассмотрим тут пару самых популярных псевдо элементов, которые используются для разработки интерфейсов. Попробуем на примерах разобраться зачем они нужны, и что позволяют упростить.
CSS: Псевдоклассы
Поговорим тут о том какие еще есть возможности в плане выбора элементов в css
Домашняя страничка на GitHub: содержимое часть 2
Ранее мы сверстали базовый макет и заголовок страниц тут же непосредственно перейдем к описанию верстки блока фотографии адреса и формы доната.
Домашняя страничка на GitHub: содержимое часть 1
Ранее мы обсудили детали касающиеся разметки заголовков, и общую идею создания домашней странички, здесь же давайте сделаем самое главное добавим содержимое на страницу.
Домашняя страничка на GitHub: заголовки
Тут сконцентрируемся на том как сформировать заголовочные теги для созданной ранее базовой страницы. Это важно сделать для обнаружения страницы поисковыми роботами.
Домашняя страничка на GitHub: база
Попытаемся тут создать домашнюю страничку на github используя только технологии CSS и HTML
URL - доменные имена
Погружаемся глубже в URL. Из чего он состоит, что он него следует ожидать. Попытаемся разобраться зачем нужны регистраторы доменных имен. Что там за домены такие вообще с уровнями. Почему это важно.
CSS блоки: inline-block
Тут поговорим об одном из-самых популярных способов делать верстку в ie7 и выше.
Основы CSS - размеры
Тут поговорим о единицах измерения шрифтов и размеров, которые можно использовать в CSS.
CSS блоки - блочные элементы
Тут поговорим о возможно самых популярных тегах и блоках в современной верстке. Теги DIV которые по умолчанию в браузерах имеют отображение display: block. Так же попробуем понять почему таблицы перестали быть основным способом позиционирования элементов в верстке.
CSS блоки - таблицы в действии
Разберем на примере всевозможные теги из которых может состоять таблица. Рассмотрим ранее разобранные теги в действии. Объединим ячейки и колонки, создадим сущности для управления стилями колонок.
CSS блоки - таблицы вводная
Тут поговорим, о исторически первом способе организовывать содержимое на страницах. О CSS правилах для отображения таблиц и их составных частей.
CSS блоки - inline
Здесь поговорим про правило display, о том как располагаются строчные HTML элементы относительно друг друга . Объясним причины появления пресловутых пробелов и методы борьбы с ними. Немного затронем правила внешних и внутренних отступов.
Основы CSS цвета
Ранее мы описывали цвета на с использованием английских слов “red, green, blue”. Но этого явно не достаточно описать все цвета которые может различать человеческий глаз, тут мы рассмотрим как эта проблема решена в CSS.
Основы CSS - веса правил
Тут поговорим о приоритетах CSS правил на верхнем уровне не углубляясь в селекторы. Что если в атрибутах тега описано одно поведение, а в стилях другое. Что за флаг !important и как с ним бороться.
Основы CSS - веса селекторов
Тут мы поговорим о том как определить какое на самом деле значение CSS свойства будет применено на элементе.
Рассмотрим ситуации когда несколько селекторов определяют одно и тоже правило для одного и того же элемента
Основы CSS - уровень правил
Тут поговорим о CSS свойствах вообще. Ранее мы рассматривали способы выделения HTML тегов в документе с помощью CSS селекторов и их комбинаций . Теперь попробуем опустится еще на один уровень ниже. На уровне синтаксиса, зайдем внутрь фигурных скобок. С примерами таких правил как background, color, visibility, opacity на их примере разберемся о том как работают и чем отличаются initial и inherit.
Основы СSS - комбинаторы
Ранее были описаны качественные способы выбора HTML элементов , но что если нам не достаточно выбрать теги по названию или по классу? Для того чтобы решать решать такие задачи существует механизм комбинирования CSS селекторов. Синтаксис CSS построен таким образом что комбинирование селекторов выглядит как расставление знаков препинания между словами.
Основы СSS - селекторы
Что же из себя представляют эти самые css правила? Тут есть две части.
В первой необходимо указать, что мы пытаемся описать будем называть эту часть селектором. В этой статье мы поговорим о них подробно.
Основы CSS - встраиваниe
Тут объясняются общие термины и понятия которые необходимы для встраивания каскадных таблиц стилей в HTML документы.
Основы HTML
Тут объясняются общие термины и понятия которые необходимы чтобы читать HTML разметку.
Статический сайт для проекта на GitHub
Это пошаговая инструкция для всех. Тут мы заведем новый аккаунт и создадим “hello word” страницу в интернете. Все скриншоты сделаны от лица mac OS пользователя эта инструкция от 10.03.2018