В этом приёме используем скрытые радиокнопки и стилизованные лейблы, чтобы сделать интерактивные кнопки клавиатуры.
Как работает:
• При выборе кнопка подсвечивается и меняет цвет.
• При клике — эффект сжатия, имитирующий нажатие.
• Полностью без JS, работает на всех устройствах.
Отличное решение, когда нужно быстро добавить интерактивность без лишнего кода!
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍25❤10🔥10
This media is not supported in your browser
VIEW IN TELEGRAM
Это огромная коллекция приложений, которую можно реализовать, чтобы прокачать навыки программирования и наполнить портфолио. Репозиторий включает проекты разного уровня сложности.
Оставляю ссылочку: GitHub📱
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15❤7🔥6
Свойство
text-decoration-skip-ink
управляет внешним видом верхнего и нижнего подчёркиваний.Возможные значения:
• none — линия рисуется под текстом сквозь глифы.
• auto — линия может рисоваться так, что не касается глифов (значение по умолчанию).
• all — линия будет рисоваться, не касаясь глифов.
Если текст нужно перечеркнуть, то это свойство будет проигнорировано.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍22❤12🔥6
This media is not supported in your browser
VIEW IN TELEGRAM
HTML, CSS, JavaScript, Web APIs, производительность, доступность - всё в одном месте. Структурированная программа обучения - от «что такое фронтенд» до продвинутых приемов, с задачами, тестами и "реплейсом" прямо в браузере.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍18❤7🔥6🤝1
Привет! В этом гайде собираем минимальный Kanban с перетаскиванием карточек между колонками.
Ключевые моменты:
• HTML: три колонки (To Do, In Progress, Done) с карточками draggable.
• CSS: оформление доски и карточек.
• JS: нативный drag & drop API.
Подходит для прототипов, pet-проектов и внедрения визуальных таск-менеджеров в свои приложения.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍29🔥9🤝7
В этой статье:
• Создадите отдельный репозиторий для верстки email-шаблонов с помощью MJML;
• Настроите frontend-сборку: сможете писать шаблоны, автоматически компилировать MJML в HTML;
• Реализуете тестовую отправку писем через SMTP, чтобы сразу увидеть результат в почтовом клиенте;
🔊 Читайте подробнее на Habr!
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14❤6🔥6
Шпаргалка по ключевым методам и обработчикам: добавление и удаление слушателей, реакция на ввод, отправку форм и наведение курсора. Подойдёт для динамического UI, интерактивных элементов и оптимизации кода.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤22👍7🔥6🤝3
em
вычисляется относительно размера шрифта родительского элемента, rem
— относительно размера шрифта корневого. Данные единицы влияют не только на текст, но и на размеры, отступы и другие свойства. На картинке - как единицы влияют на итоговый размер текста в пикселях.
Сохрани, чтобы не забыть!
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥18👍10🤝7❤4
Создаёте игры? Получите буст для следующего уровня!
Геймдизайнеры, разработчики, продюсеры, в телеграм-канале «АКИлогия» вы найдёте всё, чтобы двигаться вперёд. Канал ведёт Агентство креативных индустрий Москвы — одна из немногих институций, работающих на устойчивый рост российского геймдева.
На канале вас ждут:
📌 Анонсы флагманских акселераторов, например 4-го потока «Фабрики видеоигр» — интенсивной программы с фокусом на продакшен и продвижение
📌 Игры, которые уже создали и протестировали в «АКИ.лабе»
📌 Международные возможности: конкурсный отбор на G-Star 2025 в Южной Корее для российских студий
📌 Презентация на ПМЭФ Кластера видеоигр и анимации — стратегической инициативы АКИ, направленной на развитие сферы видеоигр
✔️ Хотите сделать релиз из идеи и масштабироваться в индустрии? Подписывайтесь на «АКИлогию»!
Реклама
Геймдизайнеры, разработчики, продюсеры, в телеграм-канале «АКИлогия» вы найдёте всё, чтобы двигаться вперёд. Канал ведёт Агентство креативных индустрий Москвы — одна из немногих институций, работающих на устойчивый рост российского геймдева.
На канале вас ждут:
Реклама
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🔥3❤1
Тег
<pre>
нужен для отображения предварительно отформатированного текста, если необходимо сохранить все пробелы и переносы в HTML.Его особенности:
• Шрифт по умолчанию моноширинный (как в редакторах кода);
• Браузер не убирает лишние пробелы и переносы;
• Можно сочетать с тегом <code> для подсветки кода;
Он хорошо подходит для отображения стихотворений или демонстрации примеров кода.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍19❤13🔥6