Маркер html: ::marker — CSS | MDN

Leave a Comment / Html / By /

Робота «Маркер» испытали как ПВО «ближней руки», сообщил разработчик

https://ria.ru/20220212/marker-1772404165.html

Робота «Маркер» испытали как ПВО «ближней руки», сообщил разработчик

Робота «Маркер» испытали как ПВО «ближней руки», сообщил разработчик — РИА Новости, 15.02.2022

Робота «Маркер» испытали как ПВО «ближней руки», сообщил разработчик

Российский робототехнический комплекс «Маркер» прошел успешные испытания в качестве комплекса ПВО «ближней руки» для уничтожения малых беспилотных летательных… РИА Новости, 15.02.2022

2022-02-12T03:37

2022-02-12T03:37

2022-02-15T09:06

новое оружие россии

безопасность

технологии

россия

москва

евгений дудоров

/html/head/meta[@name=’og:title’]/@content

/html/head/meta[@name=’og:description’]/@content

https://cdnn21.img.ria.ru/images/07e6/02/0f/1772834732_0:120:1280:840_1920x0_80_0_0_54f07ee7b485e77ca98a215726fa29ed.jpg

МОСКВА, 12 фев — РИА Новости. Российский робототехнический комплекс «Маркер» прошел успешные испытания в качестве комплекса ПВО «ближней руки» для уничтожения малых беспилотных летательных аппаратов (БПЛА), в том числе дронов-камикадзе, сообщил РИА Новости исполнительный директор предприятия-разработчика «Маркера» — НПО «Андроидная техника» — Евгений Дудоров.Дудоров отметил тенденцию применения дронов-камикадзе, действующих по программе, без связи с пунктами управления. По его словам, противодействовать таким аппаратам средствами глушения каналов управления затруднительно. Особенно опасными для охраняемых объектов, дорогостоящего оборудования и инфраструктуры могут оказаться групповые атаки таких дронов.Для борьбы с роями дронов «Маркер» оснастили РЛС, способной распознавать воздушные цели с малой площадью рассеивания и передавать их координаты в стрелково-гранатометный модуль. Затем робот следит за целью оптикой и поражает из штатного пулемета.»Распознавание целей «Маркер» ведет с помощью современного аппарата нейросетей, который после необходимого дообучения может это делать быстрее и лучше человека», — уточнил Дудоров. Он добавил, что у «Маркера» хорошие показатели точности уничтожения летящих объектов.»Мы проводили испытания на стендовых стрельбах — там, где стендисты стреляют по тарелочкам. Она имеет диаметр около 100 миллиметров и летит на скорости порядка 90 километров в час. «Маркер» уверенно работаем по этим тарелочкам с вероятностью попадания порядка 80 процентов из карабина», — сообщил исполнительный директор.Дудоров уточнил, что «Андроидная техника» специально для «Маркера» разработала алгоритмы эффективного поражения воздушных целей. Он также сообщил, что стрелковый комплекс робота в варианте ближнего ПВО может вращаться со скоростями 350 градусов в секунду.»Таких скоростей вращения бегового стрелкового комплекса пока ни у кого нет», — заключил глава компании.

https://ria.ru/20211130/reki-1761374394.html

https://ria.ru/20211115/marker-1759041273.html

россия

москва

РИА Новости

1

5

4.7

96

internet-group@rian.ru

7 495 645-6601

ФГУП МИА «Россия сегодня»

https://xn--c1acbl2abdlkab1og. xn--p1ai/awards/

2022

РИА Новости

1

5

4.7

96

internet-group@rian.ru

7 495 645-6601

ФГУП МИА «Россия сегодня»

https://xn--c1acbl2abdlkab1og.xn--p1ai/awards/

Новости

ru-RU

https://ria.ru/docs/about/copyright.html

https://xn--c1acbl2abdlkab1og.xn--p1ai/

РИА Новости

1

5

4.7

96

internet-group@rian.ru

7 495 645-6601

ФГУП МИА «Россия сегодня»

https://xn--c1acbl2abdlkab1og.xn--p1ai/awards/

1920

1080

true

1920

1440

true

https://cdnn21.img.ria.ru/images/07e6/02/0f/1772834732_0:0:1280:960_1920x0_80_0_0_273ef7a3fad10207fdd08832f931db22.jpg

1920

1920

true

РИА Новости

1

5

4.7

96

internet-group@rian.ru

7 495 645-6601

ФГУП МИА «Россия сегодня»

https://xn--c1acbl2abdlkab1og.xn--p1ai/awards/

РИА Новости

1

5

4. 7

96

internet-group@rian.ru

7 495 645-6601

ФГУП МИА «Россия сегодня»

https://xn--c1acbl2abdlkab1og.xn--p1ai/awards/

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

Новое оружие России, Безопасность, Технологии, Россия, Москва, Евгений Дудоров

МОСКВА, 12 фев — РИА Новости. Российский робототехнический комплекс «Маркер» прошел успешные испытания в качестве комплекса ПВО «ближней руки» для уничтожения малых беспилотных летательных аппаратов (БПЛА), в том числе дронов-камикадзе, сообщил РИА Новости исполнительный директор предприятия-разработчика «Маркера» — НПО «Андроидная техника» — Евгений Дудоров.

«Мы провели целый ряд испытаний, связанных с противодействием БПЛА, когда летят дроны, платформа их обнаруживает в автоматическом режиме и поражает с помощью тех средств, которые есть на боевом стрелковом модуле. Это ПВО «ближней руки» для поражения беспилотников на небольших расстояниях», — рассказал Дудоров.

Дудоров отметил тенденцию применения дронов-камикадзе, действующих по программе, без связи с пунктами управления. По его словам, противодействовать таким аппаратам средствами глушения каналов управления затруднительно. Особенно опасными для охраняемых объектов, дорогостоящего оборудования и инфраструктуры могут оказаться групповые атаки таких дронов.

Для борьбы с роями дронов «Маркер» оснастили РЛС, способной распознавать воздушные цели с малой площадью рассеивания и передавать их координаты в стрелково-гранатометный модуль. Затем робот следит за целью оптикой и поражает из штатного пулемета.

«Распознавание целей «Маркер» ведет с помощью современного аппарата нейросетей, который после необходимого дообучения может это делать быстрее и лучше человека», — уточнил Дудоров.

30 ноября 2021, 03:17Новое оружие России

Робот «Маркер» научился форсировать реки

Он добавил, что у «Маркера» хорошие показатели точности уничтожения летящих объектов.

«Мы проводили испытания на стендовых стрельбах — там, где стендисты стреляют по тарелочкам. Она имеет диаметр около 100 миллиметров и летит на скорости порядка 90 километров в час. «Маркер» уверенно работаем по этим тарелочкам с вероятностью попадания порядка 80 процентов из карабина», — сообщил исполнительный директор.

Дудоров уточнил, что «Андроидная техника» специально для «Маркера» разработала алгоритмы эффективного поражения воздушных целей. Он также сообщил, что стрелковый комплекс робота в варианте ближнего ПВО может вращаться со скоростями 350 градусов в секунду.

«Таких скоростей вращения бегового стрелкового комплекса пока ни у кого нет», — заключил глава компании.

15 ноября 2021, 01:06

Российский робот «Маркер» получил новую функцию «курьера»

Знакомьтесь, / Хабр

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

Вам знаком паттерн верстки компонента, который может менять своё состояние с видимого на скрытый:

.component {
  display:none;
}
.component.open {
  display:block;
}
toggleButton.onclick = () => component.classList.toggle('open')

А теперь забудьте. Существует элемент, который может делать это из коробки. Знакомьтесь — <details>


HTML-элемент <details> используется для раскрытия скрытой (дополнительной) информации.

Базовое применение

Прежде всего давайте посмотрим как этот элемент работает:


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

По умолчанию видимый текст зависит от настроек языка вашей системы, но его можно изменить добавив в <details> элемент <summary>:


Чтобы изменить состояние элемента в html вам достаточно добавить атрибут open

<!-- Содержимое по-умолчанию видимо -->
<details open> . .. </details>
<!-- Содержимое по-умолчанию скрыто -->
<details> ... </details>

А чтобы управлять состоянием средствами JavaScript предусмотрен специальный API:

const details = document.querySelector('details')
details.open = true  // Отобразить содержимое
details.open = false // Скрыть содержимое

Пара слов о доступности

Элемент <summary> фокусируемый. То есть передвигаясь по странице с клавиатуры вы попадёте на этот элемент. А вот содержимое может попасть в фокус только если <details> открыт, то есть фокус никогда не попадет на невидимые элементы внутри <details>.

Как правило, программы чтения с экрана хорошо справляются со стандартным использованием <details> и <summary>. Существуют некоторые вариации в объявлении в зависимости от программы и браузера. Подробнее.


Примеры использования

Далее я примерно повторю некоторые компоненты из документации bootstrap, но практически без JavaScript.


Изменяем маркер

Первое что вам может понадобится — изменить внешний вид маркера. Делается это очень просто:

summary::-webkit-details-marker {
  /* Любые стили */
}

Или вы можете скрыть стандартный маркер и реализовать собственный

/* Убираем стандартный маркер Chrome */
details summary::-webkit-details-marker {
  display: none
}
/* Убираем стандартный маркер Firefox */
details > summary {
  list-style: none;
}
/* Добавляем собственный маркер для закрытого состояния */
details summary:before {
  content: '\f0fe';
  font-family: "Font Awesome 5 free";
  margin-right: 7px;
}
/* Добавляем собственный маркер для открытого состояния */
details[open] summary:before {
  content: '\f146';
}


Collapse Component

Здесь всё просто. Базовый функционал такой же. Нужно лишь немного изменить внешний вид:



Accordion Component

Повторим предыдущий пример, немного изменим внешний вид <summary> и получим аккордеон:


Но, как видите, один элемент не закрывается когда открывается другой. Чтобы добиться этого нам понадобится пара строк JavaScript. <details> поддерживает событие toggle. Используя это, можно очень легко отслеживать открытие одного элемента и по этому событию закрывать остальные:



Popover Component

Эта реализация очень похожа на Collapse Component, с той разницей что содержимое <details> имеет абсолютное позиционирование и перекрывает контент.



Dropdown Component

В своей основе это тот же Popover Component. Отличается лишь внешний вид.


Тот же пример, только с отдельной кнопкой


Но у Dropdown Component есть ещё одно важное отличие: по клику за его пределами он должен скрываться. Чтобы реализовать это снова понадобится написать пару строк JavaScript.

// По клику на тело документа
document.body.onclick = () => {
  // Найти все открытые <details>
  document.body.querySelectorAll('details.dropdown[open]')
    // И закрыть каждый из них
    .
 
 forEach(e => e.open = false)
}

Modal Component

И напоследок пример модального окна.


Вообще <details> не лучший выбор для реализации этого компонента. Существует куда более подходящий элемент — <dialog>, но у него весьма плохая поддержка браузерами.


Ссылки

Can I Use Details & Summary elements
MDN details element
W3C details element

UPD.
Решил добавить ещё один пример использования <details> — многоуровневая навигация. Ещё раз хочу обратить ваше внимание на то, что пример работает без какого либо JavaScript. И он намного более инклюзивный чем традиционная верстка на <div>.


text-combine-upright — CSS: Каскадные таблицы стилей

CSS-свойство text-combine-upright устанавливает комбинацию символов в пробел одного символа. Если объединенный текст шире 1em, пользовательский агент должен уместить содержимое в пределах 1em.

Полученная композиция рассматривается как единый вертикальный глиф для макета и оформления. Это свойство действует только в режимах вертикального письма.

Используется для создания эффекта, известного как татэ-тю-ёко 縦中横 на японском языке или 橫向文字 на китайском языке.

 /* Значения ключевых слов */
текстовое объединение в вертикальном положении: нет;
текстовое объединение в вертикальном положении: все;
/* Числовые значения */
текстовое комбинирование в вертикальном положении: цифры; /* умещает 2 последовательные цифры по горизонтали внутри вертикального текста */
текстовое комбинирование в вертикальном положении: цифры 4; /* помещается до 4 последовательных цифр по горизонтали внутри вертикального текста */
/* Глобальные значения */
текстовое объединение в вертикальном положении: наследовать;
текстовое объединение в вертикальном положении: начальный;
текстовое объединение в вертикальном положении: вернуться;
текстовое комбинирование в вертикальном положении: вернуть слой;
текстовое объединение в вертикальном положении: не установлено;

Значения

нет

Специальной обработки нет.

все

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

цифры <целое число>?

Попытки отобразить последовательность последовательных цифр ASCII (U+0030–U+0039).), который содержит столько же или меньше символов, сколько указанное целое число, так что он занимает пространство одного символа в вертикальной строке. Если целое число опущено, оно вычисляется как 2. Целые числа за пределами диапазона 2-4 недействительны.

 text-combine-upright = 
 нет | 
 все | 
 [ цифры <целое число [2,4]>? ]

Пример использования «digits»

Значение digits требует меньше разметки, чем значение all при объединении цифр, но в настоящее время оно не очень широко поддерживается браузерами.

HTML 
 
平成20年4月16日に
CSS 
 . exampleText {
  режим письма: вертикальный-lr;
  текстовое комбинирование в вертикальном положении: цифры 2;
  шрифт: 36 пикселей с засечками;
}
Результаты

Пример использования «все»

Значение «все» требует разметки вокруг каждой части горизонтального текста, но в настоящее время оно поддерживается большим числом браузеров, чем значение «цифры».

HTML 
 

  民國105年4月29日
CSS 
 HTML {
  режим письма: вертикальный-rl;
  шрифт: 24px с засечками;
}
.номер {
  текстовое объединение в вертикальном положении: все;
}
Результаты
Спецификация
Режимы написания CSS Уровень 4
# Text-Combine-Upright

BCDAN

BCDAN

BCDAL LISER. Включите JavaScript для просмотра данных.

  • режим записи , текстовая ориентация

Последнее изменение: , участниками MDN

направление — CSS: Каскадные таблицы стилей

Свойство CSS direction задает направление текста, столбцов таблицы и горизонтального переполнения. Используйте rtl для языков, написанных справа налево (например, иврит или арабский), и ltr для языков, написанных слева направо (например, английский и большинство других языков).

Обратите внимание, что направление текста обычно определяется в документе (например, с помощью HTML-атрибута

dir ), а не путем прямого использования свойства direction .

Свойство задает основное направление текста блочных элементов и направление вложений, созданных свойством unicode-bidi . Он также устанавливает выравнивание по умолчанию для текста, элементов на уровне блоков и направление, в котором ячейки располагаются внутри строки таблицы.

В отличие от dir атрибут в HTML, свойство direction не наследуется из столбцов таблицы в ячейки таблицы, поскольку наследование CSS следует за деревом документа, а ячейки таблицы находятся внутри строк, но не внутри столбцов.

Свойства direction и unicode-bidi — это два единственных свойства, на которые не влияет сокращенное свойство all .

 /* Значения ключевых слов */
направление: лтр;
направление: rtl;
/* Глобальные значения */
направление: наследовать;
направление: начальное;
направление: возврат;
направление: реверс-слой;
направление: не установлено;

Значения

л

Текст и другие элементы идут слева направо. Это значение по умолчанию.

rtl

Текст и другие элементы идут справа налево.

Чтобы свойство direction оказывало какое-либо влияние на элементы встроенного уровня, значение свойства unicode-bidi должно быть embed или override .

 направление = 
 литров | 
 rtl

Установка направления справа налево

В приведенном ниже примере показаны две строки текста, обе из которых отображаются с использованием направления

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

 цитата {
  направление: rtl;
  ширина: 300 пикселей;
}
 
 <цитата>
  
Этот абзац на английском языке, но неправильно идет справа налево.

  


<цитата>
  
هذه الفقرة باللغة العربية ، لذا يجب الانتقال من اليمين إلى اليسار.
3

Загрузка таблиц только в браузере.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Спецификация
Режимы записи CSS Уровень 4
# direction