Code Ready | Frontend

👩‍💻 Хочешь эффект «стеклянного» интерфейса? Свойство backdrop-filter позволяет применять визуальные эффекты к фону элементов, находящихся за целевым элементом. Возможные значения:

• blur(px) — размытие фона. • brightness(%) — регулирует яркость заднего фона. • contrast(%) — изменяет контрастность. • grayscale(%) — переводит фон в оттенки серого. • opacity(%) — управляет прозрачностью фона. • sepia(%) — придаёт фону тёплый, коричневатый оттенок. • hue-rotate(deg) — изменяет оттенок фона. • invert(%) — инвертирует цвета. • none — сбрасывает все фильтры, фон остаётся без изменений.

Можно указать несколько функций через пробел. Причём при разном порядке функций результат будет отличаться. 📣 Code Ready | #свойство

Пачка слитых курсов по программированию за 10000руб за подписку! Да-да, RECURA дает бесплатные курсы по таким направлениям: • Python (64гб видео) • Linux (45гб курсов) • PHP (34гб видео) • Go (23гб видео) • Docker (37гб видео) • C# (26гб видео) • Java (45гб видео) • SQL (41гб видео) • Другое (214гб видео) Лучшие курсы от топовых школ. Не упусти!🔥

Всем привет✊ Ровно 2 года назад я создал этот канал, спасибо всем кто подписался и смотрел посты (особенно кто ставит реакции 😁) ✅ За это время многое изменилось, с таких постов, до таких как сейчас. Но кстати всё равно, раньше тоже круто было, можете перейти в закреп и там посмотреть на старые постики. В общем, поздравляю сам себя с годовщиной! 🥳

👩‍💻 Мини-трюк с CSS — кнопка «Copy → Copied» без JavaScript! В этом посте - простой приём, который позволяет сделать интерактивную кнопку копирования текста, полностью на HTML+CSS. Пользователь получает визуальный отклик при клике. Как работает:

• Используем скрытый checkbox и стилизованный label, чтобы отслеживать состояние кнопки. • Через селектор :checked + label::after меняем текст кнопки на «✔️ Copied!», создавая эффект копирования. • Добавляем label:active для плавного эффекта нажатия и визуальной обратной связи.

Такой приём можно использовать в сниппетах кода, формах или карточках товаров. 📣 Code Ready | #фишка

ChatGPT 5 — страшное оружие в умелых руках Российский разработчик Олег Миллер, занимающий обучением и тренировкой новой модели Open AI в Сан-Франциско, рассказывает в своём блоге: • Как отключить цензуру у ChatGPT (инструкция) • Малоизвестные ИИ, с которыми вы станете богатым • Почему человечество обречено на катастрофу из-за развития ИИ За такие инсайды он может быть уволен. Поэтому блог закрытый, а ссылка на него постоянно меняется. Успей вступить: https://t.me/+OwwN18-CRncxZjli

👩‍💻 Разберем тег <pre> — сохранение форматирования текста в HTML! Тег <pre> нужен для отображения предварительно отформатированного текста, если необходимо сохранить все пробелы и переносы в HTML. Его особенности:

• Шрифт по умолчанию моноширинный (как в редакторах кода); • Браузер не убирает лишние пробелы и переносы; • Можно сочетать с тегом <code> для подсветки кода;

Он хорошо подходит для отображения стихотворений или демонстрации примеров кода. 📣 Code Ready | #атрибут

Создаёте игры? Получите буст для следующего уровня! Геймдизайнеры, разработчики, продюсеры, в телеграм-канале «АКИлогия» вы найдёте всё, чтобы двигаться вперёд. Канал ведёт Агентство креативных индустрий Москвы — одна из немногих институций, работающих на устойчивый рост российского геймдева. На канале вас ждут: 📌 Анонсы флагманских акселераторов, например 4-го потока «Фабрики видеоигр» — интенсивной программы с фокусом на продакшен и продвижение 📌 Игры, которые уже создали и протестировали в «АКИ.лабе» 📌 Международные возможности: конкурсный отбор на G-Star 2025 в Южной Корее для российских студий 📌 Презентация на ПМЭФ Кластера видеоигр и анимации — стратегической инициативы АКИ, направленной на развитие сферы видеоигр ✔️ Хотите сделать релиз из идеи и масштабироваться в индустрии? Подписывайтесь на «АКИлогию»! Реклама

👩‍💻 Напоминалка для работы с CSS em и rem! em вычисляется относительно размера шрифта родительского элемента, rem — относительно размера шрифта корневого. Данные единицы влияют не только на текст, но и на размеры, отступы и другие свойства. На картинке - как единицы влияют на итоговый размер текста в пикселях. Сохрани, чтобы не забыть! 📣 Code Ready | #ресурсы

📱 Разберём работу с событиями! Шпаргалка по ключевым методам и обработчикам: добавление и удаление слушателей, реакция на ввод, отправку форм и наведение курсора. Подойдёт для динамического UI, интерактивных элементов и оптимизации кода. 📣 Code Ready | #шпора

В России можно посещать IT-мероприятия хоть каждый день: как оффлайн, так и онлайн Но где их находить? Как узнавать о них раньше, чем когда все начнут выкладывать фотографии оттуда? Переходите на канал IT-Мероприятия России. В нём каждый день анонсируются мероприятия со всех городов России 📆 в канале размещаются как онлайн, так и оффлайн мероприятия; 👩‍💻 можно найти ивенты по любому стеку: программирование, frontend-backend разработка, кибербезопасность, дата-аналитика, osint, devops и другие; 🎙 разнообразные форматы мероприятий: митапы с коллегами по цеху, конференции и вебинары с известными опытными специалистами, форумы и олимпиады от важных представителей индустрии и многое другое А чтобы не искать по разным форумам и чатам новости о предстоящих ивентах: 🚀 IT-мероприятия России — подписывайся и будь в курсе всех предстоящих мероприятий!

❤️ Нашёл свежую статью на Хабре: «Делаем фронтенд-сборку для верстки HTML-писем на MJML» В этой статье: • Создадите отдельный репозиторий для верстки email-шаблонов с помощью MJML; • Настроите frontend-сборку: сможете писать шаблоны, автоматически компилировать MJML в HTML; • Реализуете тестовую отправку писем через SMTP, чтобы сразу увидеть результат в почтовом клиенте;

🔊 Читайте подробнее на Habr!

📣 Code Ready | #статья

📱 Drag & Drop Kanban доска! Привет! В этом гайде собираем минимальный Kanban с перетаскиванием карточек между колонками. Ключевые моменты:

• HTML: три колонки (To Do, In Progress, Done) с карточками draggable. • CSS: оформление доски и карточек. • JS: нативный drag & drop API.

Подходит для прототипов, pet-проектов и внедрения визуальных таск-менеджеров в свои приложения. 📣 Code Ready | #гайд

Каналы про IT делятся на 2 типа: 1. Выучи Python, JavaScript и C++ за 0,0001 секунды просто читая наш канал… 2. Хочешь читать переписки бывшей? Хакер из канала "Взлом Жопы" рассказывает как скачать Tor… Но среди копипастных статей и мусора есть реально годный проект айтишника, работавшего 9 лет в ИБ — Пакет Безопасности. Внутри узнаете когда наступит эра без паролей, почему и как изолируется рунет, как удалить упоминание о себе из интернетов и как не оказаться жертвой новой схемы интернет-скама. Подпишитесь, злоумышленники не дремлют: @package_security

👍 MDN Web Docs — актуальный ресурс по фронтенду! HTML, CSS, JavaScript, Web APIs, производительность, доступность - всё в одном месте. Структурированная программа обучения - от «что такое фронтенд» до продвинутых приемов, с задачами, тестами и "реплейсом" прямо в браузере. 📌 Оставляю ссылочку: mdvwebdocs.org 📣 Code Ready | #ресурсы

👩‍💻 Можно ли сделать подчёркивания аккуратнее, чтобы они не заезжали на буквы с хвостиками, вроде g и y? Свойство text-decoration-skip-ink управляет внешним видом верхнего и нижнего подчёркиваний. Возможные значения:

• none — линия рисуется под текстом сквозь глифы. • auto — линия может рисоваться так, что не касается глифов (значение по умолчанию). • all — линия будет рисоваться, не касаясь глифов.

Если текст нужно перечеркнуть, то это свойство будет проигнорировано. 📣 Code Ready | #свойство

Могу вас познакомить? – Это Софи. И теперь она будет искать работу за тебя. Не, я серьезно. Она умеет составлять резюме, делать отклики и общаться с рекрутерами. Причем все это она делает лучше, чем ты сам. Она очень умная. Ты сам ей расскажешь про себя и свой опыт, а она продаст его так, как будто самый лучший маркетолог и карьерный консультант объединились и решили тебе помочь. Затем ты подключишь ее к своему аккаунту на HH.ру, и дальше произойдет магия. ⭐️ Она сама подготовит резюме. ⭐️ Она сама будет делать до 100 откликов в день. ⭐️ Она сама будет писать индивидуальные сопроводительные под КАЖДУЮ вакансию. ⭐️ И она сама будет переписываться с рекрутером и отвечать на его вопросы. И нет, она не будет откликаться на всякий шлак типа QA-вакансий, если ты Python-разработчик. Или на Senior, хотя ты молодой джун. Это НЕ просто спам откликами с первым попавшимся резюме. Это твой новый личный ассистент, который знает про поиск первой работы в IT ВСЁ. Хочешь с ней познакомиться? Тогда – велком. 26 августа мы откроем доступ для 150 пользователей. После закроем продажи на несколько недель. В этот день каждый пользователь получит 3 дня бесплатного доступа к Софи, 1 месяц бесплатного доступа к тренажеру собеседований и 2 месяца подписки на Софи за 14990 3500 рублей. 26 августа. 150 мест. Подпишись, чтобы не пропустить ⚡