⚡️Text-Animation-test — Простая сцена с анимированным текстом

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

🔗 Ссылка

CodeBase | Frontend | #animate

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

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

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

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

forEach() — это метод массивов в JavaScript, который выполняет заданную функцию для каждого элемента массива.
Он не возвращает новый массив и чаще используется для побочных эффектов (логов, вызовов функций и т.д.).

➡️ Пример:

const users = ["Анна", "Борис", "Вера"];

users.forEach((user, index) => {
  console.log(`${index + 1}. Привет, ${user}!`);
});

1. Привет, Анна!  
2. Привет, Борис!  
3. Привет, Вера!

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

• forEach() перебирает массив
• Удобен для вывода в консоль, вызова функций, работы с DOM
• Не изменяет оригинальный массив и не возвращает новый

CodeBase | Frontend | #JS

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

🖥 Как работает position: sticky и почему он часто не прилипает

Показываю, как position: sticky превращается из магии в боль — от overflow до вложенных скроллов. Кейс за кейсом, где он «отлипает» не туда.

🔗 Ссылка

CodeBase | Frontend | #article

⚡️Toggle Pill — Набор переключателей с разными стилями анимаций

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

🔗 Ссылка

CodeBase | Frontend | #animate

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

Подборка популярных каналов по информационной безопасности и этичному хакингу:

🔐 infosec — ламповое сообщество, которое публикует редкую литературу, курсы и полезный контент для ИБ специалистов любого уровня и направления.

🤯 Social Engineering — самый крупный ресурс в Telegram, посвященный этичному Хакингу, OSINT и социальной инженерии.

💬 Вакансии в ИБ — актуальные предложения от самых крупных работодателей и лидеров рынка в сфере информационной безопасности.

⚙️ Что такое атрибут autofocus в HTML и зачем он используется?

Атрибут autofocus автоматически устанавливает фокус на поле формы при загрузке страницы.

Пользователю не нужно кликать — курсор сразу готов к вводу.

➡️ Пример:

<form>
  <label>
    Ваше имя:
    <input type="text" autofocus>
  </label>
  <button type="submit">Отправить</button>
</form>

🗣️ Почему полезно:

• Улучшает UX — пользователь сразу видит, куда вводить
• Удобен для авторизации, поиска, чатов
• Работает с <input>, <textarea> и <select>

autofocus делает взаимодействие с формой быстрее и интуитивнее.

CodeBase | Frontend | #Основы

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

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