Шпаргалка по ключевым методам Map, Set, WeakMap и WeakSet: создание, добавление, чтение, проверка и управление уникальными значениями. Подойдёт для эффективного хранения данных, приватных полей объектов и оптимизации структуры сложных приложений.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤20👍11🔥9
This media is not supported in your browser
VIEW IN TELEGRAM
Быстрый и наглядный способ собрать Grid или Flexbox-layout: выбирай схему, настраивай параметры и сразу получай готовый CSS-код. Подходит для прототипов, адаптивных макетов и production-верстки.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥19👍8❤6🤝2
This media is not supported in your browser
VIEW IN TELEGRAM
Тег
<legend>
добавляет заголовок в <fieldset>
, который по умолчанию оформляется браузером как текст, органично вписанный в рамку.Особенности:
• Обычно отображается в начале рамки <fieldset>
• Может содержать текст, HTML-форматирование или вложенные элементы.
• Улучшает семантику и восприятие формы.
Так пользователи и вспомогательные технологии сразу видят, что поля относятся к одной группе.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤20👍11🔥7🤝1
В этой статье:
• Реализована поддержка формул с использованием библиотеки HyperFormula;
• Добавлено условное форматирование с учётом строгой типизации столбцов;
• Интегрирован функционал построения графиков с использованием Chart.js;
• Рассмотрены возможности кастомной интеграции в другие приложения и расширения функционала.
🔊 Продолжай чтение на Habr!
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥6🤝6❤2
В этом посте разберем способ добавить аккуратную всплывающую подсказку к кнопке или иконке полностью на html/css. Пользователь получает мгновенный визуальный отклик при наведении.
Как этой работает:
• Скрытый блок .tip появляется при наведении на .tooltip через селектор :hover.
• Используем transform: scale() и opacity для плавного проявления подсказки.
• Легко вставляется в формы, таблицы, интерфейсы и кнопки действий.
Такой приём улучшает UX без лишнего кода!
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤21👍9🔥7👎1
Псевдокласс
:visited
добавляется ссылкам, по которым уже переходил пользователь.Возможные значения:
• color — можно задать отдельный цвет для посещённых ссылок.
• background-color, outline, border-color — тоже разрешены.
Браузер отслеживает, по каким ссылкам на странице кликнул пользователь, и подставляет фантомный класс
:visited
тем из них, по которым был совершён переход на другую страницу.Please open Telegram to view this post
VIEW IN TELEGRAM
👍26❤6🔥6😁1
Привет! В этом гайде создаём звёздный рейтинг, где каждая звезда — интерактивная кнопка, а подпись оценки меняется динамически.
Ключевые моменты:
• HTML: кнопки <button> с data-value и aria-label.
• CSS: hover-анимация, подсветка и масштабирование.
• JS: подсветка, фиксация оценки и динамическая подпись.
Подходит для отзывов, профилей пользователей и интерактивных интерфейсов.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤28🔥10👍9🤝2
Эта шпаргалка по ключевым приёмам работы с RegExp: квантификаторы, группы, классы символов, флаги и проверки начала или конца строки. Подойдёт для валидации данных, парсинга текста и оптимизации поиска.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥22👍11❤8
В этом посте - эффектный приём, который позволяет переворачивать карточку при наведении только средствами html/css. Идеально подходит для подсказок или скрытого превью.
Как работает:
• Используем контейнер с перспективой, чтобы задать 3D эффект.
• Cоздаём «внутреннюю» обёртку, которая вращается.
• Стороны карточки располагаем в одной плоскости и скрываем заднюю.
• При наведении карточка поворачивается, открывая обратную сторону.
Приём легко кастомизируется: можно добавить текст, иконки или даже интерактивный контент.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥38👍14❤12