🖥 Зачем фавиконов нужно аж 24 штуки?

Для каждого экрана, устройства и программы нужен свой размер фавикон изображения. Из статьи вы узнаете различные трюки, используемые для генерации фавикон, и об удобных инструментах для автоматической генерации.

🔗 Ссылка

CodeBase | Frontend | #article

⚡️Wall of text — Плавно движущиеся строки с текстом в качестве фона для вашего сайта

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

🔗 Ссылка

CodeBase | Frontend | #animate

😎 Все о кибербезе в @secmedia

Новостное сообщество, куда стоит заглянуть: Cyber Media — каждый день отбирает интересные новости из мира информационной безопасности, а также публикует статьи и интервью от экспертов.

➡️ Подписывайтесь на новости @secmedia

⚙️ Что такое свойство box-sizing в CSS и зачем оно используется?

Свойство box-sizing определяет, включаются ли отступы и границы в общие размеры элемента.

Это влияет на то, как рассчитываются ширина и высота блока

➡️ Пример:

<div class="box">Пример</div>

<style>
  .box {
    width: 200px;
    padding: 20px;
    border: 5px solid #333;
    box-sizing: border-box;
  }
</style>

🗣 В этом примере элемент всегда занимает ровно 200px, включая отступы и границу. Без box-sizing: border-box; он стал бы шире — 250px.

Популярные значения:

• content-box — стандартное поведение (отступы прибавляются к размеру)
• border-box — всё входит в указанную ширину/высоту

CodeBase | Frontend | #CSS

🎬 Контракты для С++

Контрактное программирование — эффективный подход к написанию более безопасных и корректных программ. Он был успешно реализован в таких языках программирования, как Eiffel и Ada. В стандарте С++ контрактное программирование имеет долгую и сложную историю.

С тех пор как попытка добавить контракты в стандарт C++20 потерпела неудачу, SG21 — рабочая группа для стандартизации контрактов в комитете C++ — активно разрабатывает новую версию этой фичи. Сегодня эта версия контрактов уже практически полнофункциональна и с большой вероятностью будет включена в следующий стандарт C++26.

В этом докладе мы рассмотрели текущий дизайн контрактов для C++26. Обсудили разновидности контрактов (preconditions, postconditions, assertions), возможные режимы проверки, обработку нарушений и многое другое. Рассмотрели, чем текущий дизайн превосходит существующие реализации на макросах и как помогает повысить безопасность и корректность кодовой базы.

▶️ Плейлист YouTube ©

🔻Канал: C++ Russia
🔴#cpp

🖥 Странные CSS-свойства, но, возможно, полезные

Рассказываю о свойствах, смысл которых до сих пор вызывает у меня вопросы. Понимаю, как они работают — не понимаю, зачем. Может, вы поможете мне разобраться.

🔗 Ссылка

CodeBase | Frontend | #article

⚡️Menu Hover Html/SCSS — Эффект наведения на пункты меню с постепенным закрашиванием текста по горизонтали.

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

🔗 Ссылка

CodeBase | Frontend | #animate

Firewalls. Практическое применение межсетевых экранов

Год: 2001
Автор: Терри Вильям Оглтри
Язык: Русский

Книга подробно раскрывает устройство межсетевых экранов и методы их настройки для обеспечения безопасности сети. В ней рассматриваются теоретические основы работы с протоколами TCP/IP и моделью OSI, а также принципы шифрования и создания виртуальных частных сетей. Автор описывает все этапы работы с межсетевыми экранами — от планирования до тестирования и настройки. В книге представлены схемы конструкций экранов, а также бесплатные и коммерческие программные средства для их установки и конфигурации.
Этот справочник будет полезен сетевым администраторам и пользователям, работающим с межсетевыми экранами. Книга также даст системным администраторам детальные знания для эффективной защиты своей сети и понимания, как на практике организовать безопасность с помощью межсетевых экранов.

✅Программирование ©

🎬 HTML для начинающих

🔴Видеоуроки

1. Введение
2. Теги
3. Атрибуты
4. Таблицы
5. Ссылки
6. Фреймы
7. Списки. Маркированный список. Нумерованный список. Список определений
8. Отображение изображений в HTML
9. Как подключать стили CSS и JavaScript к HTML
10. ТОП 10 нужных вам HTML элементов, о которых вы не знали

▶️ Плейлист YouTube

🔻Канал: ART PROGRAMS
🔴#html

👩‍💻 Метод slice() в JavaScript и как он используется

Метод slice() создаёт новый массив, копируя часть существующего без изменения оригинала.

Идеален для извлечения диапазонов, создания копий и работы с неизменяемыми структурами

➡️ Пример:

const numbers = [10, 20, 30, 40, 50];

const part = numbers.slice(1, 4);
console.log(part);     // [20, 30, 40]
console.log(numbers);  // [10, 20, 30, 40, 50]

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

• slice(1, 4) возвращает элементы с индекса 1 до 3
• исходный массив остаётся неизменным
• slice() без аргументов делает полную копию массива

slice() — простой способ писать безопасный и чистый код без побочных эффектов

CodeBase | Frontend | #JS