CodeBase | Frontend

⚙️ Что такое свойство opacity в CSS и зачем оно используется? opacity — это CSS-свойство, которое задаёт степень прозрачности элемента. Значение opacity может быть от 0 (полностью прозрачный) до 1 (полностью непрозрачный). Это полезно для создания визуальных эффектов, таких как затемнение или появление элементов. ➡️ Пример:

<div class="opaque-box">Прозрачный текст</div>

<style>
  .opaque-box {
    background-color: lightblue;
    opacity: 0.5; /* Устанавливаем 50% прозрачности */
    padding: 20px;
    text-align: center;
  }
</style>

🗣 В этом примере свойство opacity делает элемент .opaque-box полупрозрачным, что особенно полезно для наложений и визуального выделения интерфейсов. CodeBase | Frontend | #CSS

Я фрилансер и я устал от безумных комиссий и непонятных правил на фриланс-биржах. Решил создать свою — где всё по-честному. FreelanceHab — это: • Минимальные комиссии (чтобы вы больше зарабатывали) • Умный ИИ-помощник для подбора проектов • Прозрачная система работы • Простой и понятный интерфейс Создаю всё на своем стеке: React, Node.js, PostgreSQL, WebSockets. Я не корпорация — я обычный разработчик, который устал от несправедливости. В комментариях всегда помогу советом по коду и не только. Присоединяйтесь — вместе построим биржу, где ценят и заказчиков, и исполнителей 💫 t.me/freelancehab_dev

QHTITEC WX666 цифровой мультиметр https://alii.pub/7amcct?erid=2SDnjf28wM1 ООО "АЛИБАБА.КОМ (РУ)" ИНН 7703380158 Подпишись на наш ТГ https://t.me/club_arduino Библиотека с книгами https://t.me/Geek_book_hub Канал по Али https://t.me/Ali_radio_top Андроид софт премиум https://t.me/Pirate_Gram

🖥 Как я создал клон Pinterest с использованием Vue 3 и FastAPI Автор делится историей создания собственного Pinterest-клона с нуля: полный real-time, современный стек и UX почти как у оригинала. Всё в одиночку за 4 месяца. Почти production, но pet-проект 🔗 Ссылка CodeBase | Frontend | #article

Лучший бесплатный премиум софт для андроид https://t.me/Pirate_Gram

🤬ДА БЛ**ТЬ🤬 Да-да, именно такая реакция у создателей курсов, когда они увидели этот канал с бесплатными курсами по: >Python (64гб видео) >C# (27гб курсов) >Java (45гб видео) >PHP (34гб видео) >Go (23гб видео) >Rust (37гб видео) >SQL (41гб видео) >MySQL (21гб видео) >Другое (114гб видео) ВСЕ БЕСПЛАТНО❤️

👩‍💻 Метод slice() в JavaScript и как он используется Метод slice() создаёт новый массив, копируя часть существующего без изменения оригинала.

Идеален для извлечения диапазонов, создания копий и работы с неизменяемыми структурами

➡️ Пример:

const numbers = [10, 20, 30, 40, 50];

const part = numbers.slice(1, 4);
console.log(part);     // [20, 30, 40]
console.log(numbers);  // [10, 20, 30, 40, 50]

🗣️ В этом примере: • slice(1, 4) возвращает элементы с индекса 1 до 3 • исходный массив остаётся неизменным • slice() без аргументов делает полную копию массива

slice() — простой способ писать безопасный и чистый код без побочных эффектов

CodeBase | Frontend | #JS

🎬 HTML для начинающих 🔴Видеоуроки 1. Введение 2. Теги 3. Атрибуты 4. Таблицы 5. Ссылки 6. Фреймы 7. Списки. Маркированный список. Нумерованный список. Список определений 8. Отображение изображений в HTML 9. Как подключать стили CSS и JavaScript к HTML 10. ТОП 10 нужных вам HTML элементов, о которых вы не знали ▶️ Плейлист YouTube 🔻Канал: ART PROGRAMS 🔴#html

Часы ESP32 Open Source Watchy V2.0 Подарочный дисплей E-ink Смарт-часы для робота Arduino DIY Kit Connect с Bluetooth и Wi-Fi Robot Kit https://alii.pub/79qmuc?erid=2SDnjbobMfk ООО "АЛИБАБА.КОМ (РУ)" ИНН 7703380158 Подпишись на наш ТГ https://t.me/club_arduino Библиотека с книгами https://t.me/Geek_book_hub Канал по Али https://t.me/Ali_radio_top Андроид софт премиум https://t.me/Pirate_Gram

⚡️Menu Hover Html/SCSS — Эффект наведения на пункты меню с постепенным закрашиванием текста по горизонтали. Технологии: SCSS 🔗 Ссылка CodeBase | Frontend | #animate

Ребята, ищу единомышленников! 🚀 Создаю фриланс-биржу FreelanceHab и веду канал с полным процессом разработки. Показываю все — от кода до дизайна, делюсь успехами и провалами. Если интересна тема стартапов и фриланса — буду рад видеть в подписчиках. Особенно ценна обратная связь от таких же разработчиков! https://t.me/freelancehab_dev Здесь не реклама, а искреннее приглашение в комьюнити ✨

🖥 Странные CSS-свойства, но, возможно, полезные Рассказываю о свойствах, смысл которых до сих пор вызывает у меня вопросы. Понимаю, как они работают — не понимаю, зачем. Может, вы поможете мне разобраться. 🔗 Ссылка CodeBase | Frontend | #article

🎬 Контракты для С++ Контрактное программирование — эффективный подход к написанию более безопасных и корректных программ. Он был успешно реализован в таких языках программирования, как Eiffel и Ada. В стандарте С++ контрактное программирование имеет долгую и сложную историю. С тех пор как попытка добавить контракты в стандарт C++20 потерпела неудачу, SG21 — рабочая группа для стандартизации контрактов в комитете C++ — активно разрабатывает новую версию этой фичи. Сегодня эта версия контрактов уже практически полнофункциональна и с большой вероятностью будет включена в следующий стандарт C++26. В этом докладе мы рассмотрели текущий дизайн контрактов для C++26. Обсудили разновидности контрактов (preconditions, postconditions, assertions), возможные режимы проверки, обработку нарушений и многое другое. Рассмотрели, чем текущий дизайн превосходит существующие реализации на макросах и как помогает повысить безопасность и корректность кодовой базы. ▶️ Плейлист YouTube © 🔻Канал: C++ Russia 🔴#cpp

⚙️ Что такое свойство box-sizing в CSS и зачем оно используется? Свойство box-sizing определяет, включаются ли отступы и границы в общие размеры элемента.

Это влияет на то, как рассчитываются ширина и высота блока

➡️ Пример:

<div class="box">Пример</div>

<style>
  .box {
    width: 200px;
    padding: 20px;
    border: 5px solid #333;
    box-sizing: border-box;
  }
</style>

🗣 В этом примере элемент всегда занимает ровно 200px, включая отступы и границу. Без box-sizing: border-box; он стал бы шире — 250px. Популярные значения:

• content-box — стандартное поведение (отступы прибавляются к размеру) • border-box — всё входит в указанную ширину/высоту

CodeBase | Frontend | #CSS