🖥 Делегирование событий в JavaScript: когда обычного всплытия недостаточно

Покажу делегирование событий: вместо сотни слушателей — один на контейнер. Всплытие/захват, target.matches, камни и профит для памяти и FPS. Примеры.

🔗 Ссылка

CodeBase | Frontend | #article

⚡️⚡️72 актуальные нейросети в одном месте: здесь собраны лучшие ШИ-сервисы в разных категориях:

🟢Генерация картинок;
🟢Генерация видео;
🟢Написание текста;
🟢Исследования и тд.
Лайк и сохраняем в избранное

📱https://t.me/Geek_book_hub - Бесплатная библиотека с книгами - программирование, электроника, айти.

📱https://t.me/club_arduino - Мемы и полезные материалы для ардуинщика, электронщика, DIY'щика.

📱https://t.me/forprinting3D - Если у тебя есть 3д принтер, тогда тебе сюда, тут лучшие модели и идеи для печати.

📱 https://t.me/Ali_radio_top - Лучшие предложения, скидки и акции с алиэкспресс.

📱 https://t.me/Pirate_Gram - Бесплатные андроид премиум приложения.

⚡️SVG background animation — Медленный круговорот звёздного неба в качестве фона для вашего сайта.

Технологии: CSS

🔗 Ссылка

CodeBase | Frontend | #animate

⚙️ Что такое свойство text-transform в CSS и зачем оно используется?

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

➡️ Пример:

<div class="box">hello world</div>

<style>
  .box {
    font-size: 20px;
    text-transform: uppercase;
  }
</style>

🗣 В этом примере текст "hello world" будет отображён как HELLO WORLD.

Популярные значения:

• none — без изменений (по умолчанию)
• uppercase — все буквы заглавные
• lowercase — все буквы строчные
• capitalize — каждая первая буква слова заглавная

Полезно для заголовков, кнопок, меню и приведения текста к единому стилю.

CodeBase | Frontend | #CSS

🖥 SRE на Frontend`е

Уже есть статьи про качество кода (линты, хинты, хорошие практики), стратегии обработки ошибок (feature toggle, request retry) и UX/UI их отображения.

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

🔗 Ссылка

CodeBase | Frontend | #article

⚡️Glitch Experiment — Красивый эффект для текста.

Технологии: CSS и JS

🔗 Ссылка

CodeBase | Frontend | #animate

⚡️⚡️72 актуальные нейросети в одном месте: здесь собраны лучшие ШИ-сервисы в разных категориях:

🟢Генерация картинок;
🟢Генерация видео;
🟢Написание текста;
🟢Исследования и тд.
Лайк и сохраняем в избранное

📱https://t.me/Geek_book_hub - Бесплатная библиотека с книгами - программирование, электроника, айти.

📱https://t.me/club_arduino - Мемы и полезные материалы для ардуинщика, электронщика, DIY'щика.

📱https://t.me/forprinting3D - Если у тебя есть 3д принтер, тогда тебе сюда, тут лучшие модели и идеи для печати.

📱 https://t.me/Ali_radio_top - Лучшие предложения, скидки и акции с алиэкспресс.

📱 https://t.me/Pirate_Gram - Бесплатные андроид премиум приложения.

#it #джун #Сеньор

🦥Ленивый программист ©

👩‍💻 Метод every() в JavaScript и как он используется

Метод every() проверяет, удовлетворяют ли все элементы массива заданному условию.

Возвращает true, если условие выполняется для каждого элемента, иначе false.

➡️ Пример:

const numbers = [2, 4, 6, 8];

const allEven = numbers.every(num => num % 2 === 0);
console.log(allEven); // true

🗣️ В этом примере:

• every() проверяет все числа на чётность
• Возвращает true, так как все элементы подходят
• Полезен для валидации данных (например, все ли поля заполнены)

every() часто используют для проверки массивов перед отправкой данных на сервер

CodeBase | Frontend | #JS

🖥 Вам больше не нужен JavaScript

Покажу, как CSS+HTML берут интерактив: вложенность, @starting-style, dvh/dvw, :has(), переходы — меньше JS, больше скорости и красоты. Примеры, гайды

🔗 Ссылка

CodeBase | Frontend | #article

Он тимлид в российском бигтехе! Но ещё с универа мечтает о переезде в Лондон!

Он отправил уже несколько тысяч откликов на вакансии! Позади — сотни собеседований и столько же отказов 😳

Какое-то время он даже жил в лесу, чтобы ничего не отвлекало его от подготовки к интервью.

Он 14 лет в ИТ: писал сервисы, менеджерил команды, ломал монолиты и собирал новые 😅

Он видел всё — и даже то, чего не стоило бы видеть.

Весь свой опыт, знания и советы он публикует в своём канале, говорит простым и понятным языком.

Подпишись на его канал @artur_speaking

Узнай первым о том, что тебя ждёт впереди, чтобы оставить конкурентов далеко позади, добраться до самых вершин карьеры — и наказать своих врагов и завистников 💀

Linux Mint: From Beginner to Advanced - Complete Guide: A Comprehensive Guide to Mastering Linux Mint – From Installation to Advanced Customization and Troubleshooting

Year: 2025
Author : Dargslan
Language: English

This guide is crafted for anyone eager to embrace the Linux way of computing through Linux Mint. Complete beginners will find clear, step-by-step instructions that demystify Linux concepts and build confidence. Intermediate users will discover advanced techniques and best practices to enhance their Linux proficiency. Even experienced Linux users will benefit from Linux Mint-specific insights and optimization strategies covered in the later chapters.
Whether you're a student exploring alternatives to proprietary operating systems, a professional seeking the reliability and security of Linux, or an enthusiast passionate about open-source technology, this book provides the knowledge and practical skills needed to master Linux Mint.

#Linux #Book #Eng #LinuxMint #Mint #guide

🐧 Linux Club

⚡️SVG background animation test — Разъезжающиеся фигуры произвольной формы в качестве фона.

Технологии: CSS

🔗 Ссылка

CodeBase | Frontend | #animate

А вы с детства мечтали стать программистом?

#it #программист

🤩 Я хочу стать программистом ©

⚙️ Что такое свойство text-shadow в CSS и зачем оно используется?

text-shadow — это CSS-свойство, которое добавляет тень к тексту, улучшая его визуальное восприятие. Оно позволяет задавать цвет, смещение, размытие и создавать эффекты, такие как свечение или объёмный текст.

➡️ Пример:

<div class="text">Тень у текста</div>

<style>
  .text {
    font-size: 24px;
    font-weight: bold;
    color: darkblue;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); /* Тень с размитием */
  }
</style>

🗣 В этом примере text-shadow делает текст более выразительным. Это свойство часто используется для стилизации заголовков, кнопок и декоративных элементов.

CodeBase | Frontend | #CSS