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
❤23👍7🔥6🤝3
em вычисляется относительно размера шрифта родительского элемента, rem — относительно размера шрифта корневого. Данные единицы влияют не только на текст, но и на размеры, отступы и другие свойства. На картинке - как единицы влияют на итоговый размер текста в пикселях.
Сохрани, чтобы не забыть!
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥18👍10🤝7❤4
Тег
<pre> нужен для отображения предварительно отформатированного текста, если необходимо сохранить все пробелы и переносы в HTML.Его особенности:
• Шрифт по умолчанию моноширинный (как в редакторах кода);
• Браузер не убирает лишние пробелы и переносы;
• Можно сочетать с тегом <code> для подсветки кода;
Он хорошо подходит для отображения стихотворений или демонстрации примеров кода.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍22❤13🔥6
В этом посте - простой приём, который позволяет сделать интерактивную кнопку копирования текста, полностью на HTML+CSS. Пользователь получает визуальный отклик при клике.
Как работает:
• Используем скрытый checkbox и стилизованный label, чтобы отслеживать состояние кнопки.
• Через селектор :checked + label::after меняем текст кнопки на «✔️ Copied!», создавая эффект копирования.
• Добавляем label:active для плавного эффекта нажатия и визуальной обратной связи.
Такой приём можно использовать в сниппетах кода, формах или карточках товаров.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21❤8🔥7😁2
Всем привет✊
Ровно 2 года назад я создал этот канал, спасибо всем кто подписался и смотрел посты (особенно кто ставит реакции 😁)
✅ За это время многое изменилось, с таких постов, до таких как сейчас.
Но кстати всё равно, раньше тоже круто было, можете перейти в закреп и там посмотреть на старые постики.
В общем, поздравляю сам себя с годовщиной!🥳
Ровно 2 года назад я создал этот канал, спасибо всем кто подписался и смотрел посты (особенно кто ставит реакции 😁)
✅ За это время многое изменилось, с таких постов, до таких как сейчас.
Но кстати всё равно, раньше тоже круто было, можете перейти в закреп и там посмотреть на старые постики.
В общем, поздравляю сам себя с годовщиной!
Please open Telegram to view this post
VIEW IN TELEGRAM
4👍60🔥22🤝9❤3😁3