CodeBase | Frontend
описание
Все самое интересное и полезное у нас 😎 Контакт: @Filgood777 (реклама, сотрудничество)
1 973
подписчиков
Охват к подписчикам
14,2%
ERR
Реакции к просмотрам
1,27%
227 на 50 постов
Пересылки к просмотрам
1,36%
244
Постов в день
0,0
всего 146
Где отзываются чаще
доля реакций к просмотрам- 7 авг.🎯 CSS tip: как избавиться от :last-child и упростить отступы Когда нужно задать отступ между элементами, но не последнему, часто пишут: .item:not(:last-child) { margin-bottom: 16px; } Но есть современный способ без селекторов и костылей 👇 ✅ Используй gap с flex или grid: .container { display: flex; flex-direction: column; gap: 16px; } 📌 Преимущества: – Нет нужды в :last-child – Чище HTML и CSS – Работает одинаково в любом направлении (row, column) – Поддерживается во всех современных браузерах Итог: если ты всё ещё пишешь :not(:last-child) — пришло время обновить подход. CodeBase | Frontend | #CSS3,85%
- 10 июл.CodeBase | Frontend | #meme3,53%
- 28 маяCodeBase | Frontend | #meme2,85%
- 26 июн.Главное, чтобы ещё стул был на колёсиках CodeBase | Frontend | #meme2,61%
- 24 июл.CodeBase | Frontend | #meme2,18%
- 18 июн.👩💻 Тернарный оператор Тернарный оператор работает с тремя операндами: одним условием и двумя выражениями. Возвращает первое выражение, если условие истинно и второе, если условие ложно. Используется как компактная замена условного оператора if...else. const num = 5 console.log(num === 5 ? 'Пять' : 'Не пять') // Пять ➡️ Обьяснение: (A) ? (B) : (C) Где A — условие, B — первое выражение, C — второе выражение. Если первый операнд A вычисляется в истинное выражение true, то оператор вернёт выражение B. Если в false — вернёт выражение C. 💡 Внутри одного тернарного оператора можно написать другой: const num = 10 const result = num > 10 ? 'Число больше 10' : num === 10 ? 'Число равно 10' : 'Число меньше 10' console.log(result) // 'Число равно 10' В этом случае запись идентична использованию конструкций if...else if ... else. Сначала проверяется первое условие, если оно ложно, то проверяется второе и так далее. 🗣️ Отступы в примере проставлены для лучшей читаемости конструкции, они не влияют на выполнение кода. CodeBase | Frontend | #js2,04%
- 3 июн.CodeBase | Frontend | #meme2,01%
- 21 июн.⚙️ Что такое свойство 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 | #CSS1,94%
- 19 маябез подписи1,94%
- 3 окт. 2025 г.без подписи1,90%
- 27 июн.CodeBase | Frontend | #meme1,82%
- 25 мая👩💻 Метод 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 | #JS1,82%