Продолжаем рубрику с айтишными лайфхаками
Старший разработчик Ира поделилась фишками по работе с DOM-узлами в консоли браузера. Эти примеры будут полезны для отслеживания различных свойств узлов в динамике и статике.
Читай и сохраняй👽
Текущий выделенный в браузере элемент можно получить в консоли с помощью выражения $0, предыдущий — $1 и так далее в хронологическом порядке.
Правым кликом на узле выберите «Сохранить как глобальную переменную» — в консоли появится имя переменной для доступа к этому узлу.
После правого клика на DOM-узле и выбора «Копировать» → «Копировать путь JavaScript» сохранится код для поиска элемента через document.querySelector.
Для отслеживания изменений значений переменных в Chrome DevTools откройте вкладку Console, нажмите на иконку с глазом и введите название переменной.
🔦Такие лайфхаки использует в своей работе Ира, а чем поделишься ты? Пиши в комментариях.
#полезное
📸Как скачать видео с любого сайта
Мы нашли приложение, которое умеет загружать видео с 1000+ сайтов:
🔹 Простой и понятный интерфейс
🔹 Поддержка всех популярных платформ
🔹 Загрузка с YouTube, TikTok и других сайтов через RSS
🔹 Бесплатно и без лимитов
🔹 Работает на всех популярных ОС
👉Сохраняем
#полезное
📌 Разбор самого простого элемента в дизайне
Точка — самый простой элемент дизайна, но именно она формирует внимание зрителя.
В визуальной композиции точка работает как якорь, вокруг которого выстраивается смысл: она задаёт направление, создаёт фокус и помогает управлять восприятием.
Когда точка меньше основного объекта, она становится акцентом. Когда больше — превращается в фон, создавая глубину и ритм. Именно поэтому дизайнеры используют точки как невидимых «проводников», которые ведут взгляд туда, куда нужно бренду.
Точки могут быть не только формами.
Текст, маленькая пиктограмма, цветовое пятно — всё это выполняет ту же функцию: выделить ключевую идею и поддержать композицию. От количества точек зависит настроение: несколько — создают тишину и минимализм, множество — динамику, энергию и движение.
В этом и заключается сила точек: они почти незаметны, но способны изменить всю работу — от упаковки до рекламного макета.
Автор: businesspro.inc
#полезное