CodeBase | Frontend

⚙️

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

Свойство gap управляет расстоянием между элементами во flex- и grid-контейнерах.

Это современная замена margin для управления отступами между, а не вокруг элементов

➡️ Пример:

<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
</div>

<style>
  .container {
    display: flex;
    gap: 16px;
  }

  .item {
    padding: 10px;
    background: #007bff;
    color: white;
  }
</style>

🗣

gap — чистый и предсказуемый способ управлять расстояниями в современных интерфейсах.

CodeBase | Frontend | #CSS

Please open Telegram to view this post

VIEW IN TELEGRAM

👍5❤2🎄2

393 views19:05

Forwarded from Ленивый вайб-программист

1:02

Неееееет

Мы в MAX: 📲 https://max.ru/lazy__programmer

🦥

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

Please open Telegram to view this post

VIEW IN TELEGRAM

😁5😭3🎄1

369 views16:02

0:10

CodeBase | Frontend | #meme

😁7

448 views20:04

🖥

Верстаем сложный прогрессбар в 2026 году

Автор показывает, как сегодня делать круговой прогрессбар на чистом CSS: один div, одно свойство, нормальная поддержка. Потом тюнинг, визуал и немного CSS-магии. Без SVG-страданий.

🔗

Ссылка

CodeBase | Frontend | #article

Please open Telegram to view this post

VIEW IN TELEGRAM

👍4❤1🎄1

445 views07:16

Forwarded from Ленивый вайб-программист

12 января

Мы в MAX: 📲 https://max.ru/lazy__programmer

🦥

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

Please open Telegram to view this post

VIEW IN TELEGRAM

😁4❤1😭1

413 views18:05

0:08

⚡️Text frame border animation rotation — Рамка из текста с анимацией вращение и эффектом при наведении.

Технологии: HTML, SCSS

🔗

Ссылка

CodeBase | Frontend | #animate

Please open Telegram to view this post

VIEW IN TELEGRAM

❤1

470 views09:05

CodeBase | Frontend | #meme

😁9👍1😭1

408 views06:32

0:59

CodeBase | Frontend | #meme

😁3❤1🔥1😭1

396 views06:58

Появился мощный инструмент для прохождения собеседований — Sobes Copilot.

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

Copilot работает незаметно в Zoom, Google Meet, Teams и других платформах. Поддерживает русский язык, не виден при демонстрации экрана и помогает держать уверенный темп диалога, даже если вопрос сложный или неожиданный.

Дополнительно Sobes Copilot делает пост-анализ собеседования: разбирает диалог после созвона, подсвечивает сильные и слабые моменты, удачные формулировки и зоны роста. Это позволяет понять, что сработало, а что стоит улучшить перед следующим интервью.

Если хотите проходить собесы спокойнее и увереннее — изучите возможности сервиса по ссылке. Это действительно меняет игру.

🎁 Промокод: SOBES26 — даёт 10% скидки на старт.

❤2

413 views11:42

👩‍💻

Метод Array.from() в JavaScript и как он используется

Метод Array.from() создаёт настоящий массив из массивоподобных или итерируемых объектов
(например, NodeList, arguments, Set, Map).

➡️ Пример:

const buttons = document.querySelectorAll("button");

const btnArray = Array.from(buttons);
btnArray.forEach(btn => btn.classList.add("active"));

🗣️

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

• querySelectorAll возвращает NodeList, а не массив
• Array.from() превращает его в массив
• после этого доступны map, filter, forEach и другие методы

Array.from() — это мост между «псевдомассивами» и полноценными массивами, без костылей и циклов

CodeBase | Frontend | #JS

Please open Telegram to view this post

VIEW IN TELEGRAM

❤2👍2

406 views16:05

0:07

⚡️ Jelly Squish Button — Кнопка с эффектом желе.

Технологии: HTML, SCSS, JS

🔗

Ссылка

CodeBase | Frontend | #animate

Please open Telegram to view this post

VIEW IN TELEGRAM

👍3❤1😁1

390 views07:11

🖥

Прагматичное руководство по современным цветам в CSS

Автор разбирает, как новые CSS-фичи для работы с цветом упрощают жизнь разработчику: что появилось, зачем это нужно и как использовать, не влезая в теорию цвета.

🔗

Ссылка

CodeBase | Frontend | #article

Please open Telegram to view this post

VIEW IN TELEGRAM

❤2👍2

407 views04:49

CodeBase | Frontend | #meme

😁6🔥3❤2

417 views08:06

CodeBase | Frontend | #meme

😁10👍2

464 views06:46