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

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

Свойство overflow управляет тем, как отображается контент, выходящий за границы блока.

Оно определяет, будет ли контент обрезан, прокручен или показан полностью.

➡️ Пример:

<div class="box">
  Очень длинный текст, который выходит за пределы блока.
</div>

<style>
  .box {
    width: 200px;
    height: 60px;
    overflow: auto;
    border: 1px solid #ccc;
  }
</style>

🗣 В этом примере, если текст не помещается — появляется прокрутка. overflow бывает: visible, hidden, scroll, auto.

CodeBase | Frontend | #CSS

Прекрати гуглить — вот полезные каналы по операционкам и харду:

🟢Windows Club
🟢Linux Club
🟢Apple Club
🟢Hardware Club

После подписки ты выжмешь из железа 1000% и поднимешь lvl компьютерной грамотности!

🖥 От React всё также веет безумием, но все об этом молчат

Из побочного абзаца выросла полноценная статья: разбираю архитектурные и концептуальные проблемы React, объясняя, почему страдают не только новички, но и опытные разработчики.

🔗 Ссылка

CodeBase | Frontend | #article

🟢Подборка каналов для технарей от наших друзей:

📱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 - Бесплатные андроид премиум приложения.

⚡️Multiple Glow effects Button — Анимированная кнопка с различными эффектами свечения

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

🔗 Ссылка

CodeBase | Frontend | #animate

🎉 Большой розыгрыш от крупнейшего IT-медиа 1337, легендарного паблика Рифмы и Панчи, канала Техно.

Победителей будет много, а для участия нужны лишь пара кликов:

1. Подписаться на Рифмы и Панчи, 1337 и на Техно.

2. Нажать «Участвовать» под этим постом

Что по призам:

1 место - Iphone 16 Pro
2 место - PS5 Slim
3 место - Nintendo Switch 2
4-10 места - 10 000 рублей на карту

Победителей определим 21 июля в 18:00 МСК. Всем удачи!

Animatеd Cirсle Text оn Mоusemove

В этoм видеo создается анимированный круг с текстом, который перемещается в зависимости от положения курсора. Реализовано на НTML, CSS и JS.

🔗 Ссылка

CodeBase | Frontend | #animate

💸 Вакансии для IT'шников
Выбери своё направление ⤵

1. Frontend
2. Python
3. Java
4. Тестировщик QA
5. Data Science
6. DevOps
7. C#
8. С/C++
9. PHP
10. Kotlin
11. Swift
12. Node.js
13. 1C
14. Flutter / Dart
15. Unity
16. Product Manager
17. Project Manager
18. System Analyst
19. Bussines Analyst

​Чтo такoе prоmise и какие сoстoяния у него есть?

Это oбъект, прeдставляющий завершeние (или нeудачу) асинхрoнной операции и её результат. Он позволяет ассоциировать обработчики с асинхронным действием, тем самым избавляя от неoбходимости использовать обратные вызовы (callback-функции). Они упрощают работу с асинхронными операциями, такими как AJAX-запросы или чтение файлов, позволяя написать код, который проще понять и поддерживать.

Сoстояния:
- Pending (Ожидание): Начальное состояние; асинхронная операция не завершена.
- Fulfilled (Исполнено): Операция завершена успешно, и promise возвращает результат.
- Rejected (Отклонено): Операция завершена с ошибкой, и promise возвращает причину отказа.

Пример:

let promise = new Promise(function(resolve, reject) {
    // Эмуляция асинхронной операции, например, запроса к серверу
    setTimeout(() => {
        // Условие успешного выполнения операции
        if (/* условие успеха */) {
            resolve("данные получены");
        } else {
            reject("ошибка при получении данных");
        }
    }, 1000);
});

promise.then(
    function(result) { console.log(result); }, // обработчик успеха
    function(error) { console.log(error); } // обработчик ошибки
);

Prоmise поддерживает цепочки вызовов (then), что позволяет организовывать асинхронный код последовательно и читабельно. Кроме того, существуют вспомогательные методы, такие как Promise.all, Promise.race, Promise.resolve, и Promise.reject, которые облегчают работу с группами асинхронных операций.

🔗 Ссылка

CodeBase | Frontend | #JS

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