CodeBase | Frontend

✅ Имба: в сети обнаружили мегашпаргалку с самыми полезными нейросетями на все случаи жизни. Сохраняем самое крутое: 🤩Claude 3.7 Sonnet — мастхев для программистов 🤩Same New — быстрая копия интерфейса сайта 🤩Openrouter — доступ ко всем ИИ 🤩Suno AI — своя музыка с нейросетью Подпишись и находи для себя крутые нейросети бесплатно: https://t.me/+24HM3S2siv0zY2Vi

⚡️Card Mouse Hover Effect — Карточки с интересным эффектом при наведении. Технологии: CSS и JavaScript 🔗 Ссылка CodeBase | Frontend | #animate

Хотя сейчас идёт перекос в сторону светлой темы 😈 — темная 😇 — светлая 🤩 Я хочу стать программистом ©

🖥 Улучшаем тексты в вебе при помощи text-wrap: pretty В статье сравниваются разные значения text-wrap, особенно новое pretty, и как оно приближает веб к качеству ручного набора. Типографика теперь — не только шрифт, но и интеллект 🔗 Ссылка CodeBase | Frontend | #article

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

👩‍💻 Что такое метод map() в JavaScript и как он используется? map() — это метод массивов в JavaScript, который создаёт новый массив, применяя функцию к каждому элементу исходного. Он не изменяет оригинальный массив. ➡️ Пример:

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

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

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

🗣️ В этом примере: • map() применяет функцию ко всем элементам массива • Возвращается новый массив с результатами • Часто используется для форматирования данных перед выводом. ➡️ map() — основа функционального подхода в работе с массивами CodeBase | Frontend | #JS

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

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

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

⚡️Animated Navigation List — Анимированный список с кнопками навигации. Технологии: CSS 🔗 Ссылка CodeBase | Frontend | #animate

🤩 Я хочу стать программистом

🖥 Firefox против гигантов: битва за интернет История Firefox — про то, как маленький бунтарь выжил в мире монополий. В статье расскажут, как браузер ворвался на рынок, побил рекорды и заставил всех считаться с собой 🔗 Ссылка CodeBase | Frontend | #article

🤩 Я хочу стать программистом ©

Ну, а что не так? CodeBase | Frontend | #meme

🤩 Я хочу стать программистом

⚙️ Что такое свойство white-space в CSS и зачем оно используется? white-space — это CSS-свойство, которое управляет отображением пробелов и переносом строк внутри элемента. Оно определяет, как браузер будет обрабатывать пробелы, табуляции и переводы строк. ➡️ Пример:

<div class="text">
  Этот   текст  
  сохраняет    пробелы
  и переносы.
</div>

<style>
  .text {
    white-space: pre; /* Сохраняем пробелы и переносы */
    border: 1px solid black;
  }
</style>

🗣 В этом примере: • white-space: normal; — пробелы схлопываются, текст переносится автоматически (значение по умолчанию). • white-space: nowrap; — текст не переносится. • white-space: pre; — сохраняются все пробелы и переносы, как в коде. Это свойство полезно для оформления кода, вывода логов и управления форматированием текста. CodeBase | Frontend | #CSS

🤩 Я хочу стать программистом