👩‍💻 Не хотите скучную декоративную линию между колонками?

Свойство column-rule-style отвечает за стиль линии между колонками в многоколоночной вёрстке.

Примеры значений:

• solid — сплошная линия;

• dashed — пунктирная линия;

• dotted — точки;

• double — двойная линия.

Обычно свойство используют вместе с column-rule-width и column-rule-color, чтобы полностью контролировать внешний вид разделителя.

📣 Code Ready | #свойство

👩‍💻 Ограничиваем загрузку файлов по типу!

Атрибут accept добавляется тегу <input>. Он позволяет указать, файлы какого типа пользователю нужно прикрепить.

Он может принимать следующие значения:

'audio/*' — звуковые файлы любого формата;
'video/*' — видео любого формата;
'image/*' — изображения любого формата;
'image/jpeg' — JPEG изображения;
'image/png' — PNG изображения;
'application/pdf' — PDF документы;
'audio/mpeg' — MP3 аудиофайлы;
'video/mp4' — MP4 видеофайлы.

Поэтому, accept принимает только корректные MIME-типы или расширения. Например, просто text без уточнения будет недействителен.

📣 Code Ready | #атрибут

📱 JavaScript Array Methods — краткая шпаргалка!

На картинке собраны часто используемые методы массивов в JavaScript — от изменения и объединения данных до поиска и фильтрации элементов.

Примеры показывают, как работают методы: что возвращают, как изменяют массив и где применяются.

Сохрани, чтобы не забыть!

📣 Code Ready | #ресурсы

Проверяем, есть ли подключение к интернету!

Web API позволяет узнать, доступна ли сеть, а события online и offline — реагировать на потерю соединения. Это пригодится для офлайн-режима, сохранения черновиков или уведомлений.

Проверим текущее состояние:

console.log("Онлайн:", navigator.onLine);
// → true или false

Добавим реакцию на изменение статуса:

window.addEventListener("online",  () => console.log("✅ Интернет восстановлен"));
window.addEventListener("offline", () => console.log("❌ Соединение потеряно"));

Теперь оформим динамический индикатор:

function updateStatus() {
  document.body.textContent = navigator.onLine 
    ? "🟢 Онлайн" 
    : "🔴 Оффлайн";
}
window.addEventListener("online", updateStatus);
window.addEventListener("offline", updateStatus);
updateStatus();

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

📣 Code Ready | #практика

CodeHype — это бесплатная платформа для изучения JavaScript и других языков. Краткие шпаргалки и заметки для быстрого повторения материала, примеры реальных проектов и задач, все супер полезно!

📌 Оставляю ссылочку: codehype.in

📣 Code Ready | #ресурсы