Эксклюзивно на Telega.in

Логово Верстальщика

Интернет технологии

Канал для фронтендеров и верстальщиков с инфой о HTML, CSS, JavaScript (JS)

Аудитория - IT специалисты и те кто хочет ими стать
Канал постоянно привлекает новых подписчиков.

О канале
Полная статистика

Статистика

Количество постов

3 063

Среднее количество просмотров на пост

617

Средний охват (48ч)

Упоминаний

534

Получить детальную аналитику

Последние посты канала

🔝

Самые интересные статьи за последние дни: • Отладка и мониторинг в MobX: trace, introspection и spy • Пара шаблонов кастомизированных элементов Handlebars для Apache Superset — 2 • PHP и Laravel дайджест новостей за октябрь 2024 года • Битва титанов: натив, кроссплатформа и PWA – ищем плюсы и минусы на каждом этапе разработки • Внедрение методики решения проблем 8D на производственном предприятии в виде SRM/ERP-систем/Часть 1

190

20:07

31.10.2025

👩‍💻

Стилизация кнопки с эффектом наведения Создайте кнопку, которая меняет цвет фона и добавляет лёгкую тень при наведении. При обычном состоянии кнопка должна иметь закруглённые углы и немного увеличиваться при наведении для визуального акцента. Ожидаемое поведение: • Основной цвет фона кнопки — синий (#007BFF). • При наведении цвет фона становится темно-синим (#0056b3), добавляется тень, и кнопка слегка увеличивается. Решение задачи🔽

<button class="styled-button">Нажми меня</button> .styled-button { background-color: #007BFF; color: white; padding: 10px 20px; border: none; border-radius: 8px; cursor: pointer; font-size: 16px; transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s; } .styled-button:hover { background-color: #0056b3; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transform: scale(1.05); }

329

15:07

31.10.2025

👩‍💻

CSS единицы измерения: lh и rlh Изучение новых относительных единиц измерения CSS основанных на высоте строки и позволяющих отказаться от угадывания вертикального ритма. Смотреть…

448

20:07

30.10.2025

👩‍💻

Remove anchor from URL Завершите функцию/метод так, чтобы он возвращал URL с чем-либо после удаления привязки (#). Пример кода:

    
        "www.codewars.com#about" --> "www.codewars.com"
"www.codewars.com?page=1" -->"www.codewars.com?page=1"{}

Решение задачи🔽

function removeUrlAnchor(url) { return url.split('#')[0]; } // Примеры использования console.log(removeUrlAnchor("www.codewars.com#about")); // "www.codewars.com" console.log(removeUrlAnchor("www.codewars.com?page=1")); // "www.codewars.com?page=1"

487

15:07

30.10.2025

🤔

Разбираемся с цветами: пространства, иллюзии и квантование Статья исследует природу цвета, его восприятие и обработку. Рассмотрим дискретизацию, цветовые модели, пространство и причины несоответствия при передаче изображений. Узнайте, что скрывается за HEX-кодами. Читать...

567

20:07

28.10.2025

⚙️

Что такое AbortController в JavaScript и зачем он используется? AbortController — это API, который позволяет отменять асинхронные операции, такие как запросы fetch. Это полезно для предотвращения утечек ресурсов и отмены операций, которые больше не нужны. ➡️ Пример:

    
        const controller = new AbortController();
const signal = controller.signal;

// Отправляем запрос с возможностью отмены
fetch('https://jsonplaceholder.typicode.com/posts', { signal })
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(err => {
    if (err.name === 'AbortError') {
      console.log('Запрос был отменён');
    } else {
      console.error(err);
    }
  });

// Отмена запроса через 500 мс
setTimeout(() => controller.abort(), 500);{}

🗣️ В этом примере AbortController отменяет запрос через 500 мс. Это позволяет избежать обработки ненужных данных, если, например, пользователь покинул страницу или отменил действие.

🖥

Подробнее тут

562