erdmko

Ранее в этом блоге я писал о языке разметке текстов HTML, в этой же статье мы рассмотрим другой чуть менее популярный способ разметки текстов Markdown. Рассмотрим зачем нужна такая разметка и ее базовый синтаксис. Зачем? Что HTML что Markdown (MD) служат одной цели, форматирование документов. То есть у нас есть "исходный код документа" и само представление документа. Исходный код зачастую представляет собой содержимое документа это текст - полезная нагрузка, плюс "разметка" - то как расположен текст какие у него размеры цвета...

Тут поговорим о том как решить очень популярную, почти новогоднюю задачу - "Сделать снег на сайте". Данное решение не потребует ни каких внешних зависимостей и дополнительных библиотек чем обычно "грешат" современные JS решения на сайтах. Риски При создании графических эффектов которые в целом не привносят на сайт никакой полезной функциональности нужно осознавать риски, что любая графика и анимации потребляют ресурсы клиентских устройств, а значит при посещении сайтов "со снегом" пользователи могут получить неприятный опыт взаимодействия с сайтом...

В целом аналитик данных это, конечно, человек, который работает с данными 🙂 Любые сервисы/приложения собирают и хранят много всякой информации о пользователе. На основе нее можно принимать всякие разные решения - понимать, насколько популярен сервис, сколько и за счет кого он зарабатывает, находить узкие места, придумывать новые функции и многое др. Аналитик умеет правильно обращаться с этими данными - посчитать какие-то показатели и интерпретировать результат Можно выделить такие типы задач: 1...

Рассмотрим тут решение одной из самых популярных задач - как опубликовать файлы в интернет?

Поговорим про технические детали того как обычно работают с БЕМ методологией.

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

Ранее мы рассмотрели "классические" виды позиционирования, которые часто применяются в верстке и являются очень надежными и распространенными. Тут я рассмотрю менее популярные и чуть менее надежные способы. Под менее надежными я имею в ввиду, что эти методы хуже поддерживаются браузерами, и они имеют особенности в работе на мобильном. Используя их нужно обращать особое внимание на кросс-браузерность. Fixed Позиционирование относительно видимой области экрана. Его часто применяют для того, чтобы...

Тут рассмотрим очень важную тему для верстки. Позиционирование HTML элементов. Позиционирование элементов определяется правилом position это правило чем то похоже на display, оно тоже в корне меняет поведение, расположение элементов на экране. Это возможно одно и самых популярных css правил когда дело касается бесконечных лент, фиксированных заголовков и прочих элементов "залипающих" на экране. static Это позиционирование элементов по умолчанию. Оно подразумевает, что элементы идут друг за другом согласно блочной модели...

Рассмотрим тут пару самых популярных псевдо элементов, которые используются для разработки интерфейсов. Попробуем на примерах разобраться зачем они нужны, и что позволяют упростить. Синтаксис Для начала, перед тем как начать использовать технологию псевдо элементов, нужно понимать как их описывать синтаксически. Они очень похожи на ранее обсужденные псевдоклассы. С небольшой поправкой они отделены двумя знаками двоеточий, вместо одних, как это было определенно для псевдоклассов. .call-me::after {} Но понятно, что это малое различие в названии приводит к тому, что многие разрабочики их путают...

Поговорим тут о том же какие еще есть продвинутые возможности в плане выбора элементов в css

Ранее мы сверстали базовый макет и заголовок страниц тут же непосредственно перейдем к описанию верстки блока фотографии адреса и формы доната. Итак, как я писал ранее это будет страничка на которой будет фотография и ваши контактные данные. Фото Чтобы размещать фотографии на сайте существует специальный тег img, но практика показывает, что этот тег не дает того контроля над изображением, который бы позволял легко манипулировать им. Поэтому на практике чаще используется вставка изображений через css свойство background-image...

Ранее мы обсудили детали касающиеся разметки заголовков, и общую идею создания домашней странички, здесь же давайте сделаем самое главное добавим содержимое на страницу. Doctype Для содержимого страницы важен способ отображения разметки и настройки браузера по умолчанию. Исторически существовало множество стандартов отображения HTML разметки браузерами. Но нам повезло жить во времена где принят, более ли мение единый стандарт. Для того что бы рассказать браузеру о том что вы хотите интерпретировать...