⚡️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 | #Основы

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

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

👩‍💻 Что такое метод 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

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

🖥 Как сделать ужасный для пользователя интерфейс. Коллекция HTML/CSS лайфхаков

В статье собрал злые HTML и CSS-приёмы — всё, чтобы сделать интерфейс максимально неудобным. Не то чтобы я рекомендую, но знать такое полезно… на всякий случай.

🔗 Ссылка

CodeBase | Frontend | #article

🤩Нашли для вас топовые каналы, которые реально научат вас программировать!

Free Znanija — огромная база курсов по ИТ, которые можно скачать совершенно бесплатно;

IT библиотека — самая огромная библиотека книг по IT во всём телеграмме

Hacking & InfoSec Base — канал действующего белого хакера. Подробные уроки по безопасности, эксплуатации уязвимостей, социальной инженерии.

🫵Подпишись, чтобы не потерять самые полезные материалы!

🖥 Неизвестно полезный CSS. Часть 8

Собрал CSS-хаки, про которые мало кто знает, но они реально выручают. Всё современно, без учёта IE11. Будет и про гриды, и про transform, и даже пара древностей

🔗 Ссылка

CodeBase | Frontend | #article

🐧 Linux Club ©

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