Телеграм канал «WebDev+ | Веб-разработка»

Плавно “затухай” текст или картинки. Одной строкой CSS, без лишних HTML-элементов... Просто используй mask-image @WebDev_Plus

Хочешь легко загружать файлы на сайт? Эта JavaScript-библиотека как раз для этого. ✓ Минимальная настройка ✓ Аккуратные и настраиваемые CSS-стили ✓ Совместима с React, Vue, Angular и jQuery Установка → npm i filepond @WebDev_Plus

NZT существует. В фильме «Области тьмы» герой выпивает NZT — и за день становится трейдером, мастером кунг-фу и полиглотом. Дело не в таблетке. А в состоянии. Химия не нужна. Когда ум чист, внимание собрано, и сомнений нет — ты уже на NZT. Ты замечаешь всё. Действуешь без разрывов. И мир отвечает тебе. Как включить режим NZT? Подписывайся на Мэверика. • входи в состояние всё «получается само». • мгновенно принимай лучшие решения. • считывай сложные связи там, где все видят хаос. • управляй фокусом и вероятностями событий. Твоя таблетка NZT. 👇 Мэверик. Ясность. Точность. ㅤ

Мега-новинка в CSS Теперь можно делать анимации появления и исчезновения элементов. Знакомься с новым правилом starting-style. @WebDev_Plus

ИЗИ способ переключить сайт в тёмный режим. Используется анимация через View Transitions. Всего 2 строки на JavaScript и немного CSS: https://theme-toggle.rdsx.dev/ @WebDev_Plus

Разделители в хлебных крошках должны быть в CSS, а не в HTML. Просто используйте псевдоэлемент ::after. nav > ol > li:not(:last-child)::after { content: " / "; color: lightgray; padding: 0 0.5em; } Селектор :not(:last-child) гарантирует, что после последнего элемента разделитель не появится. Разметка при этом остается аккуратной и чистой: Нужны другие разделители? Просто меняете content: /* Шеврон */ li:not(:last-child)::after { content: " › "; } /* Стрелка */ li:not(:last-child)::after { content: " → "; } /* Вертикальная черта */ li:not(:last-child)::after { content: " | "; } Для иконок вместо текста можно использовать фоновое изображение: li:not(:last-child)::after { content: ""; width: 1em; height: 1em; background: url("data:image/svg+xml,...") center / contain no-repeat; } Этот подход универсальный и подходит для любых горизонтальных списков с разделителями: хлебные крошки, списки тегов, инлайн-метаданные. @WebDev_Plus

Программа для скачивания видео с более чем 1000 веб-сайтов на базе yt-dlp https://github.com/nexmoe/VidBee/ @WebDev_Plus