Реклама в Telegram-канале «dr.Brain» c63ea

Купить рекламу в этом канале

Формат:

keyboard_arrow_down

1/24
2/48
3/72
Нативный
7 дней
Репост

1 час в топе / 24 часа в ленте

Количество:

keyboard_arrow_down

Стоимость публикации:

1 146^.85₽

imageИзображение не доступно для предпросмотра

Запустите рекламу в телеграм-каналах с Яндекс Директом Перфоманс-реклама теперь в телеграм-каналах ⚡ Яндекс Директ знает, как привлечь целевую аудиторию 💰👌 Попробовать #реклама yandex.ru О рекламодателе

153

20:37

09.12.2024

imageИзображение не доступно для предпросмотра

173

19:16

02.12.2024

imageИзображение не доступно для предпросмотра

Создадим шедевр вместе! Команда Skytec Games ищет проекты на издательство и талантливых разработчиков для совместных проектов. Предоставим все необходимое для успеха. Выкупим проект под доработки (не гк) и проинвестируем в сильные команды. Покажите свой проект @Nick_Skytec Подпишись @Publishing_gamedev Посмотрите сайт Реклама. ООО "СКАЙТЕК". ИНН 5408006590. erid: LjN8Jxj2H

212

16:59

02.12.2024

imageИзображение не доступно для предпросмотра

Сообщество IT-специалистов в Telegram от Selectel. Канал крупнейшего независимого провайдера IT-инфраструктуры и облаков. Шесть причин подписаться на канал: - железные новости; - обзоры продуктов; - разборы кейсов; - актуальные IT-статьи; - анонсы митапов; - бесплатные курсы. Подписаться #реклама О рекламодателе

170

19:14

28.11.2024

CSS: align-content Помните все эти мемы о центрировании div? В 2024 году они устарели. Новое свойство align-content работает напрямую в любой блочной разметке, не требуется flexbox или grid. Удивительно, что потребовалось 25 лет, чтобы реализовать эту фундаментальную функцию... Но лучше поздно, чем никогда.

    
        .centered-content {
    align-content: center;  /* That's it! No flexbox or grid needed */
    block-size: 100vh;
}
{}

#frontend #css

1568

17:57

28.11.2024

CSS: align-content

Помните все эти мемы о центрировании div? В 2024 году они устарели. Новое свойство align-content работает напрямую в любой блочной разметке, не требуется flexbox или grid. Удивительно, что потребовалось 25 лет, чтобы реализовать эту фундаментальную функцию... Но лучше поздно, чем никогда.

.centered-content {
    align-content: center;  /* That's it! No flexbox or grid needed */
    block-size: 100vh;
}

#frontend #css

1568

17:57

28.11.2024

imageИзображение не доступно для предпросмотра

168

02:08

24.11.2024

Tailwind: многоуровневый нумерованный список Tailwind предоставляет разработчику определенное многообразие классов утилит для работ со списками. Однако, для того чтобы создать многоуровневый нумерованный список, необходимо прибегнуть к кастомизации. Итак, допустим у нас есть следующая разметка HTML:

    
        <ol>
 <li>Первый уровень
  <ol>
   <li>Второй уровень
    <ol>
     <li>Третий уровень. Первый элемент</li>
     <li>Третий уровень. Второй элемент</li>
    </ol>
   </li>
  </ol>
 </li>
</ol>
{}

Нужно получить многоуровневую нумерацию вложенных элементов, соответствующую шаблону 1., 1.1., 1.1.1. Для создания пользовательского класса list-nested добавим в файл main.css Tailwind проекта следующие строки:

    
        @tailwind base;
@tailwind components;
@tailwind utilities;

/* многоуровневый нумерованный список */
@layer {
    ol.list-nested {
        counter-reset: item;
    }

    ol.list-nested li::before {
        counter-increment: item;
        content: counters(item, ".") ". ";
    }
}
{}

Директива @layer помогает контролировать порядок объявления пользовательских классов, автоматически перемещая новые стили в соответствующую директиву @tailwind, и включает необходимые функции. #frontend #css #tailwind

1332

21:02

23.11.2024

Tailwind: многоуровневый нумерованный список

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

Итак, допустим у нас есть следующая разметка HTML:

<ol>
 <li>Первый уровень
  <ol>
   <li>Второй уровень
    <ol>
     <li>Третий уровень. Первый элемент</li>
     <li>Третий уровень. Второй элемент</li>
    </ol>
   </li>
  </ol>
 </li>
</ol>

Нужно получить многоуровневую нумерацию вложенных элементов, соответствующую шаблону 1., 1.1., 1.1.1.

Для создания пользовательского класса list-nested добавим в файл main.css Tailwind проекта следующие строки:

@tailwind base;
@tailwind components;
@tailwind utilities;

/* многоуровневый нумерованный список */
@layer {
    ol.list-nested {
        counter-reset: item;
    }

    ol.list-nested li::before {
        counter-increment: item;
        content: counters(item, ".") ". ";
    }
}