diff --git a/public/assets/20220629-mvsp/devtools.jpg b/public/assets/20220629-mvsp/devtools.jpg new file mode 100644 index 0000000..98c4496 Binary files /dev/null and b/public/assets/20220629-mvsp/devtools.jpg differ diff --git a/public/assets/forest.jpg b/public/assets/forest.jpg deleted file mode 100644 index 1dda685..0000000 Binary files a/public/assets/forest.jpg and /dev/null differ diff --git a/src/content/blog/20220629-mvsp.md b/src/content/blog/20220629-mvsp.md new file mode 100644 index 0000000..6360998 --- /dev/null +++ b/src/content/blog/20220629-mvsp.md @@ -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). diff --git a/src/content/blog/20220729-xdt.md b/src/content/blog/20220729-xdt.md new file mode 100644 index 0000000..620cf28 --- /dev/null +++ b/src/content/blog/20220729-xdt.md @@ -0,0 +1,28 @@ +--- +comments: dcat09/37 +--- + +# Технологии XDT, или YouTube всё знает... + +Смотрел я на СТСе Гарри Поттера. +На следующий день в рекомендациях ютуба появились видео на тему вышеуказанного фильма, которые я не искал примерно год. +Как? Ведь тогда установлены были не официальные сервисы, а MicroG. + +Где-то на хабре в комментах под статьёй то ли про телеметрию, то ли про рекламу, был такой вариант: генерация высокочастотных звуков при трансляции телепередач, чтобы наши девайсы отслеживали их и понимали, что мы смотрим. И на основе этого предлагать таргетированную рекламу. +Лишь бы этим не воспользовались. Или уже? + +**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) diff --git a/src/content/blog/20230725-crypto-auth.md b/src/content/blog/20230725-crypto-auth.md index cd80dde..8ee4518 100644 --- a/src/content/blog/20230725-crypto-auth.md +++ b/src/content/blog/20230725-crypto-auth.md @@ -1,4 +1,5 @@ --- +draft: true comments: dcat09/1 --- @@ -92,5 +93,5 @@ echo('Your ID: ' . $uid); Скомбинированный вариант: временный секретный ключ, на основе которого генерируется одноразовый код, отправляемый по E-Mail/SMS. Ключ не хранится в БД, плюс он временный, взлом почти невозможен. ## 2FA -Двухфакторная аутентификация, она же 2FA, -- мощный механизм защиты учётной записи. +Двухфакторная аутентификация, она же 2FA, -- мощный механизм защиты учётной записи. // TODO: Дописать