В этой шпаргалке собраны базовые и действительно рабочие методы: для фильтрации, клонирования, объединения и защиты объектов. Идеально подходят для валидации данных, работы с формами, API и конфигурациями.Please open Telegram to view this post
VIEW IN TELEGRAM
❤24🔥15👍10🤝1
This media is not supported in your browser
VIEW IN TELEGRAM
Здесь вы будете не просто писать код, а решать задачи в формате игры, прокачивать мышление и сражаться в код‑батлах в реальном времени.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤10👍8🤝6🔥1
При помощи свойства order можно менять порядок отображения флекс-элементов внутри флекс-контейнера.
Идеально для адаптивной верстки — можно менять порядок блоков на мобильных, не ломая основную структуру страницы.
Как работает:
• Элемент с меньшим order отображается раньше.
• По умолчанию order: 0 у всех.
Однако, свойство меняет только визуальный порядок. Стоит помнить об этом. Скринридеры по-прежнему будут читать элементы по порядку расположения в разметке.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21❤15🔥13🤝1
В этом посте покажем способ сделать эффектную контурную обводку текста при наведении — без text-shadow, без копий и без JavaScript.
Как работает:
• Используем -webkit-text-stroke — нативный способ обводки символов прямо в CSS.
• Меняем color: transparent, чтобы текст стал “пустым”, и проявилась только обводка.
• Добавляем плавный transition и получаем чистый и стильный ховер-эффект.
И главное: эффект отключается на тач‑устройствах, чтобы не портить UX!
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥26👍16❤13
This media is not supported in your browser
VIEW IN TELEGRAM
Глобальный атрибут
enterkeyhint применяется к элементам формы или для любых элементов с contenteditable. Подсказывает браузеру, как должна выглядеть клавиша ввода на экранной клавиатуре.Варианты значений:
• enterkeyhint="search" — "Поиск"
• enterkeyhint="send" — "Отправить"
• и другие: "go", "next", "done", "previous"
Несмотря на значения next и previous, клавиша
enter всё равно отправит форму. Поэтому лучше использовать их там, где пользователь просто переходит между полями.Please open Telegram to view this post
VIEW IN TELEGRAM
❤30👍15🔥6
Привет! В этом гайде покажу, как реализовать обрезку длинного текста с кнопкой “Ещё” — идеально подходит для отзывов, описаний товаров и карточек постов.
Ключевые моменты:
• HTML: минимальная разметка — один абзац и кнопка.
• CSS: компактная стилизация в виде карточки с тенью, скруглением и элегантной обрезкой строки.
• JavaScript: простой переключатель состояния с изменением текста кнопки и класса.
Это универсальный и полезный элемент, который стоит держать под рукой для любого интерфейса.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍30🔥17❤8🤝1
В первой части
мы разобрали базовые методы. Во второй — шаг глубже: перебор свойств, удаление, сравнение, прототипы и скрытые ключи. Эти техники важны при работе с динамическими структурами, формами, валидацией и кастомной логикой.Please open Telegram to view this post
VIEW IN TELEGRAM
🔥22❤14🤝7