Вёрстка сайтов | HTML, CSS, JS

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

Фронтенд и верстка.
HTML, CSS, JS

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

Статистика

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

2 573

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

464

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

Упоминаний

445

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

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

imageИзображение недоступно для предпросмотра

Задача: Дебаунс + дедупликация запросов к API Контекст Есть поиск с автокомплитом. Пользователь печатает быстро, API медленный. Условие Реализовать функцию smartFetch(query), которая: - отправляет запрос только если предыдущий с таким же query еще не в полете - отменяет устаревшие запросы - дебаунсит ввод - гарантирует, что в UI попадет только последний актуальный ответ Ограничения - Использовать Promise, AbortController - Без сторонних библиотек - Возможны одинаковые запросы подряд #домашка

207

10:05

24.01.2026

imageИзображение недоступно для предпросмотра

Макет для тренировки (tentsib) Перейти к макету 🧑‍💻 #практика | #макет

292

10:05

23.01.2026

imageИзображение недоступно для предпросмотра

Эффекты на текст при скролле и наведении Смотреть на codepen 👨‍💻 #практика

361

10:14

22.01.2026

imageИзображение недоступно для предпросмотра

Как сделать сокращение длинного текста с тремя точками на конце на css? CSS код:

    
        -webkit-line-clamp: 3; {}

(в этой строке пишем сколько строк должно показываться)

    
        -webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;

{}

#css|#полезности

432

10:26

21.01.2026

imageИзображение недоступно для предпросмотра

Тег <dfn> Тег <dfn> используется для выделения термина или определения в тексте. Он помогает семантически обозначить слово или фразу, которое затем будет объяснено. Как работает <dfn>? Обычно <dfn> применяется для выделения слова, которое будет определено рядом с ним. Браузеры не применяют к этому тегу специальных стилей, но его использование улучшает семантическую структуру документа:

    
        <p>Понятие <dfn>API</dfn> означает интерфейс прикладного программирования.</p>{}

В этом примере слово API отмечено как термин, который определяется далее. Зачем использовать <dfn>? Семантика: Помогает поисковым системам и программам для чтения с экрана лучше понимать структуру страницы. Ясность: Читатель сразу видит, что слово или фраза будет объяснено в тексте. Тег <dfn> особенно полезен при создании учебных материалов, словарей, документации и статей, где есть много определений и новых терминов. #html | #теория

485

10:05

20.01.2026

imageИзображение недоступно для предпросмотра

Тег <samp> Тег <samp> в HTML предназначен для отображения текста, представляющего вывод программы или системы. Это отличный способ выделить текст, демонстрирующий, что программа выдала в ответ на команду пользователя. Как работает <samp>? Этот тег обычно используется для оформления сообщений об ошибках, системных уведомлений и других текстов, которые нужны для показа результата программы. Например:

    
        <p>Ошибка: <samp>Файл не найден</samp></p>{}

В браузере этот текст обычно будет выглядеть так, как будто он написан моноширинным шрифтом, что помогает визуально отличить его от основного содержимого страницы. Когда использовать <samp>? Отображение вывода кода или команд. Системные сообщения и уведомления. Демонстрация примеров ответов программ. #html | #теория

473