dodgerecho

dodgerecho

Пикабушник
поставил 75 плюсов и 1 минус
отредактировал 0 постов
проголосовал за 0 редактирований
Награды:
5 лет на Пикабу
1801 рейтинг 4 подписчика 7 подписок 11 постов 1 в горячем

Аналог Instagram на коленке

Аналог Instagram на коленке Социальные сети, Веб-разработка, Видео, Без звука, Вертикальное видео, Длиннопост, Гифка, Импортозамещение, Россия

Всем привет ребята. Многие наверно знают, что я занимаюсь разработкой сайтов, люблю писать код на php, css и js, так же недавно освоил svg анимацию ну и конечно же интегрировал ее в свой CMS движок который я писал с 2018 года, ну если быть точнее с 2015, я начал изучать все это дело. Сначала был уролог, точнее urlog, это сайт для сокращения ссылок, которые многие кричали что через год он закроется... Нет он не закрылся, он так же продолжает работать и закрываться не собирается. Но мне стало мало уролога извиняюсь urlog-a и на основе его прототипа, я создал Хайпик, уже более говорящее доменное имя hypeak.ru которое состоит из двух слов Хайп и Пик.

Хайпик - изначально был ориентирован для загрузки фото и обсуждения йоных😁, но мне все становилось мало, и спустя пять лет от уролога там остался лишь базовый каркас, на который я накидывал все новые и новые фишки:

  1. Это текстовый редактор, для создания статей с разметкой bbcode

  2. Добавление фото в этот редактор.

  3. Собственные рисованные смайлы

  4. Добавление встроенных смайлов

  5. Автосохранение поста при редактировании

  6. Предпросмотр поста

  7. Возможность загружать фото размером до 17 мегобайт и просматривать его в увеличенном размере

  8. Оптимизация загрузки ленты стены

  9. Рекламный кабинет (на него ушло больше всего времени, так как не было инфы нигде как это все устроено внутри, пришлось анализировать многие площадки и делать все самому)

  10. Под капотом было проделанно ещё больше работы которая не заметна снаружи, но очень важна внутри

Вот небольшая часть текстового редактора:

Аналог Instagram на коленке Социальные сети, Веб-разработка, Видео, Без звука, Вертикальное видео, Длиннопост, Гифка, Импортозамещение, Россия

Да согласен bbcode ужасны, но они дают гибкость в создании статьи и ее оформлении, а на выходе получается примерно вот такое:

Аналог Instagram на коленке Социальные сети, Веб-разработка, Видео, Без звука, Вертикальное видео, Длиннопост, Гифка, Импортозамещение, Россия

Чуть позже я сделал небольшое приложение на Android, размером всего 2.5 мегобайт, что бы было удобно пользоваться Хайпиком.

И конечно же рейтинг куда без него, что бы любая Ольга Арбузова смогла получить свою заслуженную долю дизлайков и кстати эта система тоже продуманна, что бы нельзя было просто так взять и накрутить.

Аналог Instagram на коленке Социальные сети, Веб-разработка, Видео, Без звука, Вертикальное видео, Длиннопост, Гифка, Импортозамещение, Россия

Но это малая доля того что было проделано за эти пять лет, под капотом Хайпика достаточно много работы которую обычному пользователю не понять, такие как защита от уязвимостей, защита пользовательских данных и защита от хакерских атак, автоматическое обновление ssl сертификатов в отдельном облачном хранилище для фото, админка, рекламный блок, анимации, пользовательский интерфейс, скрипты, смарт-поиск и так далее и тому подобное.

Конечно же есть поддержка человеко-понятного url например hypeak.ru/admin или hypeak.ru/@admin, дапростят меня создатели Росграм, за то что никнеймы на Хайпике бесплатные, а ни стоят 50к.🤦

Аналог Instagram на коленке Социальные сети, Веб-разработка, Видео, Без звука, Вертикальное видео, Длиннопост, Гифка, Импортозамещение, Россия

И ещё одна немаловажная функция, которую я тоже придумал сам, это сокращённая ссылка на изображение, с возможностью быстрого копирования ее в буфер обмена одним кликом:

Аналог Instagram на коленке Социальные сети, Веб-разработка, Видео, Без звука, Вертикальное видео, Длиннопост, Гифка, Импортозамещение, Россия

Если же нажать на иконку уменьшить, то эта же сокращённая ссылка ведёт на сам пост, своего рода два в одном.

Аналог Instagram на коленке Социальные сети, Веб-разработка, Видео, Без звука, Вертикальное видео, Длиннопост, Гифка, Импортозамещение, Россия

Так же я сделал возможность создать анимированные Аватарки, стилизованные под алмазики на чистом PHP, что бы все они шли под один стиль, но несмотря на это каждый алмазик уникален, все эти переливы и искажения в гранях генерируются рандомно на основе загруженного изображения:

Аналог Instagram на коленке Социальные сети, Веб-разработка, Видео, Без звука, Вертикальное видео, Длиннопост, Гифка, Импортозамещение, Россия

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

Я не прошу ни каких денег на свой проект и понимаю что многие пользуются инстой через VPN и прочее и возможно им не нужна никакая замена, но если есть те кто поддерживает отечественный продукт, то можете поддержать меня просто морально и советом, что добавить, что убрать, что бы вместе сделать это лучше. Для меня это не будет сложно, так как в отличии от многих пытающихся людей сделать аналог инсты на уже готовых CMS движках с гитхаба, которые они не знают изнутри, свой движок я знаю весь вдоль и поперек поэтому погнали тварить! Всем бобра.👍

Псс: И конечно же куда без svg анимации, которую я накумекал и создал с нуля, ловите самолётик 😁

Показать полностью 7 1

Вкусное и опасное

Вкусное и опасное Еда, Мясо, Опасность, Длиннопост, Негатив

Давно ничего не писал, но тут прям накипело, так как случай не единоразовый и решил уже предостеречь остальных. В общем купил я мяско побаловаться, называется "Мясо свиных голов пресованное", натуральный продукт и без ГМО. И дети любят, растущий организм, и сам не прочь поесть.

Нарезал в общем вкусное мяско для себя и для ребёнка, но ребёнок отказался есть его в это раз, и как оказалось слава Богу! Начал я доедать, то что положил ребёнку и прожовывая почувствовал что то не то. Выплюнув, я увидел вот это.

Вкусное и опасное Еда, Мясо, Опасность, Длиннопост, Негатив

Кто то увидев подумает что это какой то червяк. Нет, это не червяк, для червяка это очень твёрдое. Сначала я не понял что это, но скажу вам что такой острый кусок в мясе я вижу впервые, сначала подумал что это осколок.

Вкусное и опасное Еда, Мясо, Опасность, Длиннопост, Негатив

Вертел, крутил его и всё думал, что это такое и откуда это в мясе? Зуб подумал я, но откуда у свиней такие острые зубы как у вампиров, думаю может клык крысы какой попавшей в мясорубку.

Вкусное и опасное Еда, Мясо, Опасность, Длиннопост, Негатив

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

Вкусное и опасное Еда, Мясо, Опасность, Длиннопост, Негатив

И небольшой апдейт, пока писал этот пост, показал его жене, что бы если ела вдруг это мясо, то была бы осторожна. И тут я заканчиваю писать этот пост, она ест и говорит, смотри ещё... Ей попалось два вот таких кусочка, тот что слева, а тот что справа обнаружил я. Один я потерял пока искал бумагу на чем сфоткать, но по размеру это тот что слева и похоже это уже осколки от кости а ни зубы. Хоть они и менее острые чем первый попавшийся, но слизистой кишечника тоже нанесли бы небольшие повреждения. В общем в одном куске мяса, три опасных осколка Карлл!!! Три!!!

Вкусное и опасное Еда, Мясо, Опасность, Длиннопост, Негатив

Самое такое, что я боюсь представить, что наделал бы тот кусочек, который оказался зубом, если бы попал внутрь, так как он реально по острию острее иголки. Что касается первого случая, был он с мясом, Зельце вроде как называется, там попалась железная щётка чем моют посуду, дальше можно не писать, по сравнению с тем что нашёл в этот раз в мясе, тот случай детский лепет.

Возможно, кто то скажет надо было бы написать производителю, но как мне кажется моё письмо улетит в корзину, и об этом никто не узнаёт, а они так и продолжат халатно относиться к своей продукции и вести плохой контроль качества. В общем будьте внимательны, что даёте детям, жуйте тщательней и берегите себя.

Показать полностью 5

Вирус вымогатель mvd.info казнить нельзя помиловать

Вирус вымогатель mvd.info казнить нельзя помиловать Вирус, Мошенничество, Баг, Длиннопост, Гифка

Да, опять он, и заголовок немного желтоват и многие опять начнут говорить, что это ни какой не вирус, а обычное багоюзерство с зацикленным alert - ом и несомненно будут правы, я как сварщик-web-программист прекрасно об этом знаю, но именно так неосведомленные люди и простые юзверы ищут в поисковиках, что это такое (а названий у него много mvd-sng.info, mvd-rus.info, ru-mvd.info и прочие вариации), чем угрожает, как от этого вообще избавиться в случае с мобильным Yandex арбузером на андроиде и когда ждать наряда полиции...? В Google Chrome на андроиде этот банер легко убирается закрытием вкладки, в случае с мобильным браузером Яндекс это не так, я уже писал здесь об этом.

Собственно говоря к чему этот пост уже похожий на тот что в ссылке выше? Этот пост к тому, что бы показать, как происходит редирект, переходя по таким ссылкам, и как я все таки поймал за руку наглеца который балуется этим способом вымогательства. К слову скажу, что заснять это было не так и просто, так как он выскакивает всего лишь один раз в день при переходе по ссылке и по всему видимо там идет проверка по ip адресу, что бы заходя второй раз этот баннер не показывался. Я пытался снять на видео этот банер три раза, первый день я снял видео, но оно получилось вертикально (а многие не любят вертикальные видео) и не было видно касания по ссылке на сенсорном экране телефона. Второй день я снял видео вертикально, но уже с включенной опцией показывать касания, что бы было видно на видео что за ссылка нажата, но оно опять же было вертикальное. На третий день я зашел по ссылке, с горизонтальным положением экрана, что бы записывалось так, но банер не выскочил, как я предполагаю, потому что там стоит проверка на разрешение экрана устройства, поэтому видео оставил, то что снял на второй день.

Немного отойду от темы и поясню. Все помеченные на видео красной обводкой ссылки, это забаненные ссылки на нашем сервисе сокращения ссылок, которые мы заблокировали вручную, но так как мы сотрудничаем с VK и наш сервис находится в списке доверенных, проверка опасных ссылок происходит и на их сервисе в автоматическом режиме. Это сделано для того, что бы при переходе по сокращенной ссылке в VK, например если ее прислал вам взломанный друг, вас не перенаправило на подобный банер, а вы лишь увидели при переходе, примерно такую картину.

Вирус вымогатель mvd.info казнить нельзя помиловать Вирус, Мошенничество, Баг, Длиннопост, Гифка

Интерактивный картридер, выдаст предупреждение, что ссылка опасная и произойдет отмена редиректа после чего вас перенаправит на главную страницу сайта.

Но давайте вернемся,  к виновнику торжества, как мы видим при переходе по ссылке, нас редиректит на этот банер и в Google Chrome на андроиде, обычным свайпом, эта вкладка легко закрывается, что не скажешь об Яндекс браузере на андроиде, и виновник в этом у нас ни сайт с "немецким кино", а простой сайт topliders с каким то там списком спам лидеров! Давно подозревал этот сайт, но все ни как не получалось поймать его за руку намеренно и заснять этот процесс, как вы поняли выше, что это не так просто.

Наверно вы спросите, почему же ты не написал хозяину сайта, возможно его сайт заражен? Я думал над этим, но проанализировав эту систему редиректа, решил что сайт не заражен, так как здесь на лицо, умышленный редирект с заведомо созданной реферальной ссылки на их сайте, которая записывается либо в их базу данных, либо к ним на сервер в файл, если сайт заражен и так происходит, то я не представляю на сколько надо распиз...ки относиться к своему сервису, чтобы не заметить такое.

Возможно, но это не точно, можно допустить вариант, что редирект шлёт сам недобросовестный хостер который предоставляет бесплатные услуги или это проделки самого хозяина сайта, что больше вероятно... Конечно же можно было бы массово написать в Яндекс о их проделках, но в этом случае простой блокировкой они не отделаются, и будет жаль если они действительно не пгичем гебята... Поэтому искренне надеюсь на то, что увидев эту статью они образумятся и уберут свою ерунду с сайта, но здесь решать вам, куда поставить запятую в этом заголовке - "Казнить нельзя помиловать!"

Показать полностью 2 1

Protect защита Яндекса или как я стал Мошенником

Protect защита Яндекса или как я стал Мошенником Яндекс, Protect, Мошенничество, Длиннопост

Всем привет друзья! Давно не писал, но сегодня прям накипело! В общем начну с того, что мой сервис совсем недавно стал мелькать в Топ 10 конкурентно поисковых запросах Яндекса, даже выше других популярных сокращалок, и честно скажу, моей радости не было придела... Кто в теме тот поймёт... Появилось много сокращённых ссылок, хороших и плохих, но а с ними и новые проблемы... С недавнего времени, начались глюки... Но нет не со стороны моего сайта, а со стороны Яндекса, то они работают над улучшением алгоритма проверки картинок в фидах, и поэтому в вебмастере у меня появляются ошибки, то теперь они уличили мой сайт в мошенничестве и заблокировали его к х..., тем самых опустив его в поисковой выдаче пометив позорной кнопкой!

Protect защита Яндекса или как я стал Мошенником Яндекс, Protect, Мошенничество, Длиннопост

Ладно проверить не составляет труда за что коварный Яндекс вас наказал... Заходим в webmaster->Диагностика->Безопасность и Нарушения... И что же мы там видим?

Protect защита Яндекса или как я стал Мошенником Яндекс, Protect, Мошенничество, Длиннопост

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

Protect защита Яндекса или как я стал Мошенником Яндекс, Protect, Мошенничество, Длиннопост

Конечно же в сапорт яшки я уже написал, но оттуда не слухом не ухом...

В общем все больше и больше убеждаюсь что сервисы Яндекса работают очень х... плохо, а их технология Protect не работает!

Технология Protect или как стать мошенником, по версии Яндекса!

Показать полностью 4

Осторожно фишинговые страницы VK

Осторожно фишинговые страницы VK Осторожно, Фишинг, Длиннопост

Всем привет друзья. Давно ничего не писал, да в общем то не о чем было, но сегодня появился повод. Все вы наверно уже знаете что я регулярно отслеживаю опасные ссылки на своём сервисе для сокращения ссылок. И вот сегодня наткнулся на уже всеми известный, а кому то может и нет, способ воровства конфедициальной информации, а именно личных данных для входа в социальной сети, с помощью фишингового сайта. Если в "двух словах", фишинговый сайт, это клон сайта, зачастую какой нибудь социальной сети или электронной почты, созданный для похищения ваших учетных данных.

Вот два скриншота, сделанные в мобальном Яндекс арбузере)) Найдите что называется отличия:

Осторожно фишинговые страницы VK Осторожно, Фишинг, Длиннопост

Как видите, различия лишь в url адресе, который находится в адресной строке браузера. Такие сайты очень долго оказываются на плаву, потому что если перейти по ссылке через некоторое время, она выдаст например вот такое окно, типа я не при делах, не было ни какой фишинговой страницы. И не пожалуешся...

Осторожно фишинговые страницы VK Осторожно, Фишинг, Длиннопост

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

Осторожно фишинговые страницы VK Осторожно, Фишинг, Длиннопост

Хоть ссылка уже не выдает фишинговую страницу, тем не менее я все заскринил и спешу вас предупредить, а именно владельцев мобильных браузеров Яндекс, который как всегда ещё не в курсах, в отличии от браузера Chrome:

Осторожно фишинговые страницы VK Осторожно, Фишинг, Длиннопост

Как видите браузер хром уже знает о проделках tmweb, поэтому будьте бдительны и обращайте внимание на адресную строку и предупреждения вашего браузера.

Ну и в заключение друзья, пользуясь случаем, хочу поздравить вас с наступающим 2019 Новым Годом, желаю всем добра и счастья! Как и обещал сделал новогоднюю тему при переходе по сокращенной ссылке, надеюсь кому то понравится! До новых тем!

Осторожно фишинговые страницы VK Осторожно, Фишинг, Длиннопост
Показать полностью 6

Браузерный вирус mvd-sng.info в мобильном браузере

Браузерный вирус mvd-sng.info в мобильном браузере Mvd, Браузер, Вымогательство, Мошенничество, Интернет-мошенники, Безопасность, Интернет, Длиннопост

Всем привет, дорогие друзья! Как вы знаете, я занимаюсь короткими ссылками и у меня есть свой сервис urlog для их сокращения и как ответственный за их безопасность, я регулярно отлавливаю опасные ссылки и блокирую их. Да, да многие пытаются скрыть за сокращенной ссылкой, ссылку ведущую на опасный сайт.. Сегодня я уже второй раз наткнулся на такой, который показывает браузерный вирус вымогатель! Назвал я его, в честь его адреса mvd-sng.info, есть еще один адрес mvd-rus.info (который уже закрылся и их вариаций в общем очень много и начинаются они в основном с mvd-...), но не факт что перейдя по ним, вы словите этот вирус, сейчас объясню почему. Например если вас перенаправит на сайт с браузерным вирусом, то ссылка будет выглядеть примерно следующим образом mvd-sng.info/?r=12345. Это одноразовые ссылки, которые вскоре удаляются для того что бы доменное имя сразу не заблокировали. Переходишь напрямую на сайт, а там просто пусто, и жаловаться не на что!

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

Что делает этот вирус? Ровным счетом ничего, это простое, зацикленное диалоговое окно вашего браузера, которое заставляет словить глюк в браузере андроид устройства (и не только). Происходит это так - как только вы увидели это окно, вы сразу начинаете паниковать и клацать по кнопкам! Все ваши действия и попытки нажать на телефоне назад ни к чему не приведут, закрыв браузер и открыв снова, вы опять увидите это окно, закрыть вкладку в браузере тоже не получиться, так как это диалоговое окно перекрывает окно вкладок, даже если вы нажмете "ОК", что тоже делать не стоит.

Что же делать, спросите вы? Есть два эффективных способа закрыть эту надоедающую страницу:

1. Выйти из браузера, нажав на телефоне кнопку "Home", удалить браузер и установить заново.

2. Выйти из браузера, нажав на телефоне кнопку "Home". Выключить интернет, зайти в Настройки->Приложения->ВашБраузер (или зажав ярлык браузера перетащить его на иконку i/info) и очистить кеш. Далее не включая интернет, зайдите в тот браузер где открывается вирусный сайт, браузер попытается загрузить сайт, но так как интернет отключен, вирусное окно не загрузится и не перекроет окно вкладок, вы сможете успешно закрыть сайт.

И на последок совет, если в настройках браузера у вас включена опция - "Сохранять вкладки после закрытия браузера", то отключите ее, и в следующий раз при заражении этим вирусом, вам всего лишь нужно будет, зайти в Настройки->Приложения->ВашБраузер и нажать "Остановить приложение". При следующем открытии браузера будет загружена домашняя страничка.

Всем добра и безопасных ссылок!

Показать полностью 1

Интерактивный редирект при переходе по сокращенной ссылке со Снежком

Интерактивный редирект при переходе по сокращенной ссылке со Снежком Ссылка, Веб-дизайн, Интерактивный редирект, Без рейтинга, Видео

Всем привет друзья. Разглагольствовать не буду, просто взглянул в окно и не увидел там снежка. Решил для зимнего настроения его хотя бы сделать у себя на urlog, попутно продемонстрировав новые фишки интерактивного перехода. Да, я все ни как не успокоюсь и продолжаю ковырять свой сайт, что бы он был хоть немного приятен людям))) Так как планирую поддерживать сайт не один год, ввел появление зимы в ноябре и новогодней темы 25 декабря. Надеюсь это добавит людям новогоднего настроения и позитива при переходе по сокращенной ссылке...

Показать полностью 1

Интерактивный Редирект или безопасный переход по Сокращенной ссылке

Интерактивный Редирект или безопасный переход по Сокращенной ссылке Без рейтинга, Веб-дизайн, Веб-разработка, Длиннопост, Ссылка, Безопасность, Видео

Всем привет друзья! С вами DodgerEcho и сегодня я хотел бы поговорить о безопасном сексе... Нет конечно же речь пойдет, о моем нововведении, которые я обещал больше не делать в предыдущем своем как всем показалось спам посте здесь... Напомню что мой сервис бесплатный, там нет рекламы, денег я с него ни каких не имею, воспользоваться им можно любому желающему кому это нужно.


Так вот, проанализировав последние ссылки, которые бывают, полезные и не полезные (порносайты, вирусы и прочее), а в моем случае были ссылки которые вели на платную подписку для абонентов Теле два, если бы они нажали на кнопку посмотреть сериал... Я решил что это некуда не годится, что прямой редирект опасен для пользователей и его лучше делать для тех сайтов которые находятся только в "WHITELISTE", их список есть на главной страничке, если вы не зарегистрированы.


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


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


Что бы понять что кнопка "Power" интерактивная, когда таймер начинает отсчет, она светиться белым, нажав на нее она гаснет и таймер останавливается.


Вот как примерно это выглядит:

Интерактивный Редирект или безопасный переход по Сокращенной ссылке Без рейтинга, Веб-дизайн, Веб-разработка, Длиннопост, Ссылка, Безопасность, Видео

Таймер имеет два значения, 0 секунд для сайтов в WHITELIST-е (прямой редирект со стороны сервера), 5 секунд устанавливается для зарегистрированных ссылок (те что создали зарегистрированные пользователи) и 10 секунд для гостевых. Надеюсь подобная мера отобьет желание у людей делать плохие короткие ссылки.


Дя того что бы опять не кричали, что это спам и у меня в тексте ссылки, я снял видео, в котором будет наглядно показано как работает интерактивный редирект на urlog. Пишу не для кармодрочки и рекламы, ставлю тег "Без Рейтинга", просто надеюсь это будет кому то полезно и интересно. Всем позитива и безопасных ссылок!

Показать полностью 2 1
Отличная работа, все прочитано!