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

css3d-game 3D-игра, созданная с использованием чистого JavaScript и полностью отображаемая с помощью HTML и CSS. Вы можете использовать инструменты разработчика для проверки геометрии. #GitHub

Optical Illusion Spinner Анимация спиннера оптических иллюзий. #CodePen

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