[Из песочницы] 12 странных вещей, которые могут произойти после установки npm пакета
Пару месяцев назад я начал заниматься проектом под названием malicious-packages (ака "вредоносные пакеты"). Он следит за обновлениями в npm репозитории, скачивает все новые модули, а затем проверяет их на вшивость — ищет сетевую активность, подозрительные операции с файловой системой и т.д. Даже...
[Из песочницы] Хакнуть Госуслуги – можно, если очень нужно
Всем привет, дорогие хабравчане! Это небольшая история – пример применения технических навыков в обход системы в своих целях. Модератор: Внимание! Данный текст является описанием возможности в экспериментатаорских целях. Напоминаем, что повтор подобных действий может привести к нарушению...
[Перевод] Почему у React элементов есть свойство $$typeof?
Вы можете подумать, что вы пишете JSX: hi Но на самом деле вы вызываете функцию: React.createElement( /* type */ 'marquee', /* props */ { bgcolor: '#ffa7c4' }, /* children */ 'hi') И эта функция возвращает вам объект. Мы называем этот объект React элементом. Он...
Собственный VPN клиент на JavaScript. 11 часть — Сборка приложения под Windows
P.S. Каждая часть — это часть, сама по себе смысла не имеет, чтобы обзавестись необходимым контекстом и не испытывать когнитивный диссонанс от отсутствия так необходимых блоков текста начните читать с 1 части В этот раз собирать приложение я буду npm модулем electron-builder, отдельное спасибо...
Собственный VPN клиент на JavaScript. 10 часть — Объединение всех компонентов
После того, как все части приложения были разработаны, их можно объединить в одно большое приложение. Читать дальше →...
[Перевод] Объясняем бэкдор в event-stream
Если вы работаете с Javascript, то скорее всего вы заметили много шума об уязвимости в npm-пакете event-stream. (На Хабре тоже опубликовали пост об этом — пер.) К сожалению, детальный анализ ситуации похоронен под более чем 600 комментариями в issue на Github, большая часть которых – флейм о...
Блокировка контента, расширение для браузеров chromium
Основной тренд этого года «блокировка», описанное ниже расширение, позволяет почувствовать власть над контентом в браузере. Помню давно, в детстве, при просмотре телевизора, во время рекламных блоков, всегда делался некий перерыв как школьная перемена, сходить на кухню или отхожее место, по...
Задаем всем тегам на странице определенный класс средствами JavaScript
Тут я покажу вам как легко и быстро можно задать всем нужным тегам на странице определенный класс/стиль Особенно полезно будет сайтам на DLE (не придется ковырять php файлы)...
Ripple Эффект для ссылок и кнопок при нажатии
Красивый эффект при нажатии на кнопки либо ссылки в виде волн. JS плагин Rippler. Очень легко устанавливается. А для подключения к ссылке либо кнопке добавляем класс rippler rippler-default...
Фиксированный плавающий блок при прокрутке на JS
Делаем плавающий фиксированный блок при прокрутке страницы. В данной статье приведен пример на javascript. Скрипт отлично подходит для "плавающей" рекламы, блока профиля и т.д. Так же, с помощью данного скрипта можно реализовать кнопку "Наверх"....
Js скрипт "Сколько дней сайту"
Маленький скрипт, который ведет счет количества дней с момента создания вашего сайта. В качестве примера можете посмотреть на главной странице for-dle.ru в блоке "Информация"...
Делаем блоки div одинаковой высоты JS
Небольшой скрипт который выравнивает блоки с определенным div классом по высоте. Полезный скрипт, особенно при выводе новостей в несколько рядов. Знаю, есть куча способов реализовать это, но по мне это самый надежный и удобный способ....
Плавный переход между страницами сайта
Небольшой хак, о том как сделать плавный переход между страницами сайта. Пример установки в шаблон DLE. Данный скрипт предаст вашему сайту немного уникальности. Установка займет не более 1 минуты....
Красивый эффект предзагрузки страниц на JavaScript
Красивый эффект предзагрузки страниц сайта на javascript как на YouTube Лёгкий эффект загрузки страницы, аналогичный плагин я использовал в своем шаблоне "MyBlog" Лёгкая установка, Демо. CSS/JS/HTML...
Адаптивные и лёгкие модальные окна ReModal
Remodal – jQuery-плагин для показа модальных окон Очень простой в установке скрипт. Практически никак не нагружает сайт. Работает быстро, адаптивен....
«Веб — это самая сложная платформа в истории человечества» — интервью с Вадимом Макеевым из Opera
В этом выпуске «Без слайдов» гостем выступил Вадим Макеев aka pepelsbey, евангелист компании Opera Software, один из самых известных фронтенд-людей в стране, организатор многих мероприятий в индустрии. Мы успели обсудить: эволюцию WebKit; путь Microsoft и новую модель браузера; архитектуру...
Интересная задачка по программированию
Как-то давным-давно я наткнулся на одну мозголомную задачу по программированию. Как многие задачи подобного рода она служит только для разминки мозга, её решение не представляет никакой практической ценности и может служить разве что как извращённый способ обфускации. Сегодня я хочу поделиться с...
«Кто я?» — чтение мыслей и никакого мошенничества (посмотрите исходник)
Веб-сайт Who Am I? использует «продвинутые достижения нейробиологии», чтобы определить увлечения любого человека. Для верного анализа достаточно выполнить простую процедуру: в произвольном порядке щёлкнуть по всем красным квадратикам в массиве. И после этого нажать кнопку “done!” Как он...