CodeBase | Frontend

HIIT, который не сработал ❌

Если вы типичный айтишник, который много сидит за компьютером, двигается разве что к холодильнику и задумывается о том, как сбросить вес, то наверняка уже слышали про модные интервальные тренировки (HIIT).

Лет двенадцать назад я тоже решил попробовать. Как полагается бывшему программисту, погуглил, скачал приложение и начал тренироваться с энтузиазмом новичка. Первая неделя прошла неплохо, но потом почувствовал себя как сервер, который «перегрелся» и тормозит.😨

Еще две недели я старался продержаться, но усталость только нарастала. Обычные дела превратились прямо в сложные задачи. В итоге я бросил этот HIIT, и уже через неделю почувствовал себя отлично.😃

Мораль: начинайте постепенно, без резких нагрузок, желательно с наставником. Иначе вместо пользы получите усталость и разочарование.

Кстати, наставник и полезные привычки тут: Иван Лагунцов | Про похудение.

👍3🔥2✍1

345 views07:01

⚙️

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

Свойство flex-grow определяет, как свободное пространство внутри контейнера делится между дочерними элементами.

Оно задаёт коэффициент роста: чем больше значение, тем больше элемент занимает места.

➡️ Пример:

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

<style>
  .container {
    display: flex;
    width: 300px;
    border: 1px solid #ccc;
  }
  .item {
    padding: 10px;
    color: white;
  }
  .item1 { flex-grow: 1; background: #007bff; }
  .item2 { flex-grow: 2; background: #28a745; }
  .item3 { flex-grow: 1; background: #dc3545; }
</style>

🗣

В этом примере у второго элемента flex-grow: 2, поэтому он занимает в два раза больше места, чем соседние блоки.

CodeBase | Frontend | #CSS

Please open Telegram to view this post

VIEW IN TELEGRAM

👍6❤3✍1

364 views10:23

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

0:16

🦥

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

Please open Telegram to view this post

VIEW IN TELEGRAM

❤6👍2🔥1

362 views12:42

CodeBase | Frontend | #meme

😁6🤪4😎2

381 views15:42

Формошлёп — сотни хаков для фронтендеров в одном месте

Никакой скучной теории, воды и прочей шляпы, только практические примеры, которые работают.

👉 Подписывайся на @frontbox — стань тем, кто знает, как решить проблему, пока остальные ищут ответ на Stack Overflow.

🔥3👍1😁1

373 views07:04

🖥

Почему не дружат фронтендер и дизайнер: работающие техники общения между отделами

В статье фронтенд-тимлид из AGIMA рассказывает, как наладить дружбу между разработчиками и дизайнерами: меньше мифов, больше простых правил — и никакой вражды

🔗

Ссылка

CodeBase | Frontend | #article

Please open Telegram to view this post

VIEW IN TELEGRAM

👍4🔥2🥰2

357 views09:50

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

0:05

🦥

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

Please open Telegram to view this post

VIEW IN TELEGRAM

😁5🤪3👀2

358 views14:24

CodeBase | Frontend | #meme

😁6👍3👏2

372 views15:55

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

0:15

🦥

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

Please open Telegram to view this post

VIEW IN TELEGRAM

😁6👍2🔥1🤬1

340 views10:04

⚡️On-Scroll Fire Transition — Красивая анимация горения страницы при скролле

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

🔗

Ссылка

CodeBase | Frontend | #animate

Please open Telegram to view this post

VIEW IN TELEGRAM

👍6🔥3🤷‍♂2❤2

378 views10:55

Сидишь у графика весь день и всё равно не уверен в сделках?
Понимаю. Было так же.

Поэтому я выстроил систему, где торгуют боты — а ты просто контролируешь.

Никакой магии. Просто чёткие правила и автоматизация.

Всё обучение по этой теме я упаковал в бота.
Доступ бесплатный.

Внутри — пошагово, с примерами, стратегиями и поддержкой.

Если хочешь разобраться — это твой шанс. Жми: @Gendelman_Cryptobot

👍2✍1🔥1

383 views08:05

CodeBase | Frontend | #meme

😁5😭3💯2

340 views10:08

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

0:08

🦥

Please open Telegram to view this post

VIEW IN TELEGRAM

😁5👍1🔥1

314 views12:49

👩‍💻

Что такое метод map() в JavaScript и как он используется?

map() — это метод массивов в JavaScript, который создаёт новый массив, преобразуя каждый элемент исходного массива по заданной функции.
Исходный массив не изменяется.

➡️ Пример:

const numbers = [1, 2, 3, 4, 5];

// Умножаем каждый элемент на 2
const doubled = numbers.map(num => num * 2);

console.log(doubled); // [2, 4, 6, 8, 10]

🗣️

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

• map() применяет функцию ко всем элементам массива
• Возвращает новый массив с результатами
• Идеален для преобразования данных (например, умножение, форматирование).

CodeBase | Frontend | #JS

Please open Telegram to view this post

VIEW IN TELEGRAM

👍5✍1🔥1

360 views14:13

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

0:10

🦥

Please open Telegram to view this post

VIEW IN TELEGRAM

❤6😁3👍2

344 views15:31