Imported posts from tg
This commit is contained in:
parent
e5c924f73b
commit
0efc5a3362
5 changed files with 49 additions and 1 deletions
BIN
public/assets/20220629-mvsp/devtools.jpg
Normal file
BIN
public/assets/20220629-mvsp/devtools.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
Before Width: | Height: | Size: 229 KiB |
19
src/content/blog/20220629-mvsp.md
Normal file
19
src/content/blog/20220629-mvsp.md
Normal file
|
@ -0,0 +1,19 @@
|
|||
---
|
||||
comments: dcat09/18
|
||||
---
|
||||
|
||||
# Начинающему фронтендеру: margin vs padding
|
||||
|
||||
Раньше я не понимал разницы между margin и padding, и ставил их в CSS наугад, проверяя результат.
|
||||
На StackOverflow объяснение было так себе, да и инглиш я тогда знал тоже так себе.
|
||||
|
||||
Помог мне Chrome, а точнее инструменты разработчика. Внизу вкладки "Стили" есть наглядная визуализация отступов цветными прямоугольниками.
|
||||
|
||||
![](/assets/20220629-mvsp/devtools.jpg)
|
||||
|
||||
- Вокруг содержимого элемента -- **padding**, ограничивающий текст от рамки
|
||||
- После него -- **border**, т.е. сама рамка
|
||||
- После border -- **margin**, ограничивающий элемент от других элементов
|
||||
|
||||
А посмотреть всё это в интерактивном виде можно на [странице на Codeberg Pages](https://darkcat09.codeberg.page/margin-vs-padding).
|
||||
Исходники: [Codeberg](https://codeberg.org/DarkCat09/margin-vs-padding) | [Gitea](https://git.dc09.ru/DarkCat09/margin-vs-padding).
|
28
src/content/blog/20220729-xdt.md
Normal file
28
src/content/blog/20220729-xdt.md
Normal file
|
@ -0,0 +1,28 @@
|
|||
---
|
||||
comments: dcat09/37
|
||||
---
|
||||
|
||||
# Технологии XDT, или YouTube всё знает...
|
||||
|
||||
Смотрел я на СТСе Гарри Поттера.
|
||||
На следующий день в рекомендациях ютуба появились видео на тему вышеуказанного фильма, которые я не искал примерно год.
|
||||
Как? Ведь тогда установлены были не официальные сервисы, а MicroG.
|
||||
|
||||
Где-то на хабре в комментах под статьёй то ли про телеметрию, то ли про рекламу, был такой вариант: генерация высокочастотных звуков при трансляции телепередач, чтобы наши девайсы отслеживали их и понимали, что мы смотрим. И на основе этого предлагать таргетированную рекламу.
|
||||
<s>Лишь бы этим не воспользовались. Или уже?</s>
|
||||
|
||||
**Upd:**
|
||||
Технология называется [Cross-device tracking (CDT, XDT)](https://en.m.wikipedia.org/wiki/Cross-device_tracking).
|
||||
К ней относится аналитика, обычно с целью показа рекламы, которая, вместо сохранения идентификатора в одной сессии браузера или его привязки к одному IP-адресу, может передавать рекламный ID между устройствами.
|
||||
Внедряют почти все, кому не лень.
|
||||
|
||||
- Самый простой способ -- отслеживание **залогиненных пользователей**.
|
||||
На сайте у человека есть аккаунт, в который он входит с разных устройств.
|
||||
Таким образом можно сохранять список устройств, далее - делать что угодно.
|
||||
"Рекламный идентификатор" у Google является ярким примером такого XDT.
|
||||
|
||||
- Способ сложнее, о котором я и рассказывал -- **использование ультразвука** для передачи информации между устройствами.
|
||||
Лидирует в этом варианте XDT комания SilverPush, у которой ещё и патент на эту технологию.
|
||||
Для защиты можно использовать приложение [PilferShushJammer](https://github.com/kaputnikGo/PilferShushJammer).
|
||||
|
||||
За информацию большое спасибо [@nvrm17](https://t.me/nvrm17)
|
|
@ -1,4 +1,5 @@
|
|||
---
|
||||
draft: true
|
||||
comments: dcat09/1
|
||||
---
|
||||
|
||||
|
@ -92,5 +93,5 @@ echo('Your ID: ' . $uid);
|
|||
Скомбинированный вариант: временный секретный ключ, на основе которого генерируется одноразовый код, отправляемый по E-Mail/SMS. Ключ не хранится в БД, плюс он временный, взлом почти невозможен.
|
||||
|
||||
## 2FA
|
||||
Двухфакторная аутентификация, она же 2FA, -- мощный механизм защиты учётной записи.
|
||||
Двухфакторная аутентификация, она же 2FA, -- мощный механизм защиты учётной записи.
|
||||
// TODO: Дописать
|
||||
|
|
Loading…
Add table
Reference in a new issue