Фронтенд Гайд

Mini Woo Проект позволяет разработать Telegram-бота, интегрированного с вашим веб-сайтом. Этот проект распространяется на условиях открытого исходного кода и абсолютно бесплатен для использования. #GitHub

CSS Egg Switch Переключатель с анимацией жареной яичницы. #CodePen

CSS/SVG Lines App Concept Плавная анимация для формы. #CodePen

🆙 Прокачиваем вёрстку ARIA атрибутами. Атрибут aria-label Атрибут aria-label используется для улучшения доступности веб-страницы, особенно для пользователей, которые зависят от скринридеров и других вспомогательных технологий. Он позволяет разработчикам добавить текстовую подсказку к элементам на странице, чтобы пользователи скринридера могли лучше понимать их назначение. #Полезное

Solar Eclipse Анимированное солнечное затмение. #CodePen

📦 Оптимизация веб-приложений: на что стоит обратить внимание Описан ряд советов и методов оптимизации веб-приложений, включая управление приоритетами загрузки JavaScript, lazy loading (отложенную загрузку) второстепенного контента, такого как изображения и видео, Server-Side Rendering (SSR) и Static Site Generation (SSG) для улучшения скорости загрузки, кэширование на стороне клиента и сервера, а также использование Content Delivery Networks (CDN) для более быстрой доставки статических ресурсов. #Полезное

renderGPT Расширение для браузера Chromium, предназначенное для отображения HTML, JavaScript и CSS, созданных кодом, написанным ChatGPT, внутри элемента iframe. Это расширение добавляет кнопку "рендеринг" к любым HTML- и PlantUML-блокам в диалоге ChatGPT, и при нажатии на кнопку происходит отображение рендеринга в iframe. #GitHub

Button pushed inside style Анимация иконок при наведении курсора. #CodePen

📔 Классификация и идентификация элементов в HTML и CSS и немного о БЭМ для самых маленьких Статья приводит примеры использования классов и модификаторов для стилизации HTML-элементов и показывает, как можно применять различные классы для изменения внешнего вида элементов. Она также объясняет приоритет классов в CSS на основе их специфичности. #Полезное

Стартануть в IT быстро и эффективно — подготовительный курс по Frontend-разработке. ⏰ Старт уже 2 ноября! Даем: 72 урока с практикой в браузере, 3 онлайн вебинара и 1 сессию лайвкодинга с практикующим разработчиком. Получаем: крепкие знания базы языка, умение понимать код и первую программу на JavaScript, написанную вместе с наставником. Всего 990 ₽ и ваше жгучее желание начать. Приходите с любым бэкграундом: нам не важны возраст, пол, образование и текущая профессия. Запишитесь прямо сейчас! Реклама. ООО "ХЕКСЛЕТ РУС". ИНН 7325174845. erid: LjN8KL8sQ

Hysteria Этот новый прокси-сервер обладает значительной мощностью и обеспечивает надежную защиту от цензуры. Он строго придерживается открытых стандартов, имеет подробные технические документации и открытый исходный код, что позволяет разработчикам активно вносить свой вклад, а также создавать собственные приложения, взаимодействуя с ним. #GitHub

A Pure CSS Game Игра в которой вы должны построить маяк на чистом CSS #CodePen

animated Mini Photo Gallery Анимированная мини-галерея. #CodePen

📢 Переводчик сайтов на JS Статья описывает реализацию функции перевода текста на веб-страницах с использованием JavaScript и jQuery. Предоставляет код и примеры решений для каждой из этих проблем и обсуждает способы улучшения производительности, включая минификацию кода и использование Content Delivery Network (CDN) для ускорения загрузки скрипта. #Полезное

Custom Cursor Кастомный курсор с взаимодействием с элементами. #CodePen