Логово верстальщика

👩‍💻 8 неэффективных практик JavaScript, которых лучше избегать Отказавшись от неэффективных практик программирования на JavaScript, вы всегда будете писать удобный и легко читаемый код. Это сэкономит вам и вашей команде много времени и обеспечит долгую жизнь вашим продуктам. Читать...

➡️ 6 полезных фронтенд-приемов, о которых вы, возможно, не знаете Небольшая подборка малоизвестных техник для HTML, CSS и JavaScript. Читать...

🔥 3 повода открыть эту папку: прямо сейчас: AI-бизнес от лица CTO агентства и школы по автоматизации — как это работает изнутри, с фокусом на реальные процессы и подходы Календарь инфоповодов для пиарщика на июль 2025 — забирайте идеи и используйте. И да пребудут с вами охваты Минимальный набор для повседневной работы с АИ — без лишнего, только то, что ускоряет и облегчает 📂 Папка для тех, кто реально работает с ИИ, автоматизацией и маркетингом, а не просто листает тренды в ленте. 🧠 Внутри: — инструменты, которые сразу идут в дело, а не в закладки «на потом» — кейсы, после которых ясно: «Вот так и надо было делать» — нейросети, что реально вытаскивают, а не делают вид — маркетинг, от которого ловишь инсайт, а не зевоту Всё, что экономит, упрощает и даёт результат — без лишнего шума. 📎 ДОБАВИТЬ ПАПКУ

👩‍💻 Расчёт идеального контрастного цвета для фона Реализуйте функцию getContrastColor(hex), которая принимает цвет в HEX-формате (например, "#ffffff") и возвращает либо "black", либо "white" — в зависимости от того, какой цвет текста будет лучше читаться на этом фоне. Используйте формулу относительной яркости по стандарту WCAG для определения контраста. Это важно для создания доступных UI, кнопок, блоков с текстом и цветовых тем. Решение задачи🔽

function getContrastColor(hex) { const r = parseInt(hex.substr(1, 2), 16); const g = parseInt(hex.substr(3, 2), 16); const b = parseInt(hex.substr(5, 2), 16); // Вычисление яркости по формуле WCAG const brightness = (r * 299 + g * 587 + b * 114) / 1000; return brightness > 128 ? "black" : "white"; } // Примеры: console.log(getContrastColor("#ffffff")); // "black" console.log(getContrastColor("#000000")); // "white" console.log(getContrastColor("#3498db")); // "white"

👩‍💻 Современные тренды CSS: эволюция функций Рабочая группа CSS выпустила новый модуль Values and Units Level 5: меньше кода, больше возможностей – звучит как мечта? Давайте вместе разберемся, как эти новшества изменят нашу работу и сделают веб красивее. Читать...

GitVerse News ИТ-сообщество для профи, начинающих и кому просто любопытно. Держите руку на пульсе, обсуждайте новости и находите единомышленников. Подписаться #реклама 16+ О рекламодателе

👩‍💻 Что нового в Chrome 130? В статье рассказывается о нововведениях в Chrome 130: улучшенные возможности управления окнами "picture-in-picture", вложенные объявления в CSS для сложных случаев и настройка декораций для элементов в несколько строк. Читать...

👩‍💻 Как использовать менеджер состояний NgRx для Angular-проектов В статье описывается, как NgRx помогает управлять состоянием приложения, работать с асинхронными операциями, улучшать производительность и упрощать масштабирование. Рассматриваются случаи, когда его внедрение наиболее оправдано. Читать...

🧠 Умей держать «рабочий контекст» в памяти Самое страшное в переключении задач — не потерянное время, а сброшенное состояние мозга. Забываешь, о чём думал, и заново восстанавливаешь цепочку. 👉 Совет: перед переключением запиши текущее состояние: что делал, что осталось, какие идеи были на подходе. Даже короткий текстовый файл спасает от "А где я вообще остановился?"

➡️ Руководство по Convex. Часть 1 В этой серии статей я рассказываю о Convex — новом открытом и бесплатном решении BaaS (Backend as a Service — бэкенд как услуга), которое выглядит очень многообещающе и быстро набирает популярность среди разработчиков. Читать...

👩‍💻 Как прослушивать несколько событий в веб-компоненте Сегодня поговорим о том, как использовать handleEvent() для обработки нескольких типов событий. Читать...

👩‍💻 Что, если использовать контейнерные единицы измерения для... всего Однажды я спросил себя: а что, если использовать контейнерные единицы измерения для каждого элемента дизайна? Я задался этим вопросом, отчасти потому, что мне показалось, что ответ может быть таким: ну, тогда всё будет очень хорошо масштабироваться! Читать...

📈 Подборка статей для вашей карьеры • Тримодальный характер зарплат разработчиков • Иллюзия прогресса: почему мне не удалось дать студентам-айтишникам реальный опыт • Из подземелья в QA: как и почему я перешёл в тестирование после 14 лет работы сисадмином в метрополитене • Interview copilots: как кандидаты используют ChatGPT на интервью • Моя история входа в IT: как я ломал стены своих ограничений

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

⚡️ Как развернуть Supabase в облаке Timeweb Cloud В статье расскажем, как Supabase — бесплатный аналог Google Firebase — помогает разработчикам быстро создавать приложения и сайты. Узнаете, как работать с базой данных, аутентификацией, хранением файлов и реальным временем, без необходимости управлять сервером. Читать...

👩‍💻 Анимация элемента dialog Казалось бы, можно просто установить в CSS transition от 0 к 1 для opacity элемента dialog, но это не работает. Необходимо изучить @starting-style, а также ключевые слова overlay и allow-discrete. Читать...

⬇️ Бесконечная прокрутка логотипов на чистом HTML и CSS Помните HTML-элемент marquee? Он устарел, поэтому вряд ли стоит его использовать, когда понадобится что-то вроде горизонтальной автопрокрутки. Вот тут-то и приходит на помощь CSS, потому что в нём есть все необходимые инструменты для реализации этой функции. Читать...

👩‍💻 On-Scroll Fire Transition Красивая анимация горения страницы при скролле. Сделана на CSS и JavaScript. Открыть код...

👩‍💻 Создание навигации с «плавающим» фоном ссылок на чистом CSS Если у вас есть аккаунт на Vercel, вы, наверное, замечали, как плавно фон ссылок в панели навигации перемещается, следуя за курсором мыши. Такого эффекта несложно добиться с помощью CSS и нескольких строчек JS. Однако, интереса ради, я решил попробовать добиться похожего эффекта на чистом CSS. Читать...

Срочно требуются Веб-Дизайнеры в Figma. Обучим с нуля. Онлайн-программа с наставником и чатом. Осторожно! 80% практики. По результату обучения у вас будет портфолио из нескольких работ. Сертификат о прохождении курса. Возможность пройти полное обучение и получить гарантированное трудоустройство! Учитесь дизайну у профессионалов. Переходи по кнопки: "Узнать больше" и начинай свое обучение. Доступ 0 руб. Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе