React Frontend

🎨 Извлечение дизайна с помощью Chrome Extension Расширение для Chrome, которое извлекает стили и информацию с веб-сайтов, создавая файлы DESIGN.md или SKILL.md. Эти файлы можно использовать с различными инструментами для разработки сайтов на основе заданной системы дизайна. 🚀 Основные моменты: - Автоизвлечение стилей с активной вкладки. - Генерация документации по дизайну в формате Markdown. - Поддержка создания файлов для использования с AI-инструментами. - Обновление данных в реальном времени. - Сохранение сгенерированного контента. 📌 GitHub: https://github.com/bergside/design-md-chrome #javascript

🎨 Логотипы на заказ с AI Генератор логотипов создает профессиональные SVG-дизайны с 6+ вариантами на основе характеристик продукта. Он предлагает высококачественные изображения для презентаций и поддерживает форматы SVG и PNG. 🚀 Основные моменты: - Генерация логотипов с учетом принципов дизайна - 12 стилей фона для презентаций - Интерактивные HTML-шоукейсы с эффектами - Поддержка редактируемых SVG и готовых PNG - Идеально для стартапов и разработчиков 📌 GitHub: https://github.com/op7418/logo-generator-skill #python

🖥 На Stepik обновили курс «C# с нуля до профи» Представьте: через четыре месяца вы открываете чужой .NET-проект и читаете его как книгу. IServiceCollection не вызывает ступора. async Task<IActionResult> пишется на автомате. Вы точно знаете, почему EF Core сгенерировал именно такой SQL - и как переписать запрос, чтобы он летал. Это не фантазия. Это результат после 16 модулей, в которых каждая концепция объясняется через код и закрепляется практикой. ООП, SOLID, LINQ, async/await, DI, EF Core, ASP.NET Core, Docker, Kubernetes - всё, что казалось магией, станет рабочим инструментом. А бонусом - портфолио проектов: от CLI-утилит и REST API до собственного SaaS с multi-tenancy, JWT и деплоем в Kubernetes под TLS. Скидка - 58% доступна 48 часов: https://stepik.org/a/282984/

Morphing Submit Button Содержимое кнопки — svg-картинка. После нажатия на кнопку изменяются CSS-классы на элементах кнопки. https://codepen.io/jkantner/pen/zYdaBPJ

Get Color Palette Генерация заднего фона на основе используемых цветов, выполненная с помощью Pug, Stylus и JavaScript. https://codepen.io/toshiya-marukubo/pen/XWVWmav

Анимированный SVG-логотип Впервые я увидел такую анимацию штрихов в SVG в Material Line Icons Вячеслава Трушкина. Это было круто, но я никогда не задумывался о том, чтобы сделать что-то свое, пока не увидел баннер Му-Ан Чиоу на ее сайте. Я вдруг почувствовал, что тоже хочу быть крутым парнем! https://antfu.me/posts/animated-svg-logo

slowroads Пора за руль: это гонка с процедурной генерацией пейзажей и сменой дня/ночи прямо в браузере. Работает только на девайсах с клавиатурой. slowroads.io

🚀 Ты всё ещё называешь обёртку над ChatGPT «AI-продуктом»? Пока ты пишешь промпты - рынок уже ушёл дальше. Сейчас выигрывают не те, кто умеет красиво формулировать запросы, а те, кто строит агентные системы: - принимают решения сами - ходят в API - работают с Postgres и Redis - управляют браузером через Playwright - доводят задачи до результата без человека И вот правда, о которой мало говорят: 90% таких систем умирают между ноутбуком и продом. Работает локально. Ломается в реальности. Нет архитектуры. Нет устойчивости. Нет деплоя. AI Agents Engineering - курс со Stepik, который закрывает этот разрыв. - LangGraph, AutoGen, Computer Use - архитектура агентов, а не «скрипты на коленке» - LLMOps, логирование, стабильность - деплой в Docker и работа в проде 8 модулей, 120+ шагов, всё через практику. На выходе не «сертификат ради галочки», а: - рабочий production-агент - понимание, как строить такие системы с нуля - навыки, за которые уже платят Сейчас самое окно входа. Через полгода это станет базой, а не преимуществом. Скидка 55% действует ещё 48 часов: https://stepik.org/a/276971/

Совет по CSS 💡 Легко сделать раскрывающееся меню удобным для клавиатуры с помощью CSS 🤩

#вопросы_с_собеседований Почему результатом сравнения двух похожих объектов является false? В JS объекты и примитивы сравниваются по-разному. Примитивы сравниваются по значению. Объекты — по ссылке или адресу в памяти, где хранится переменная. Вот почему первый console.log возвращает false, а второй — true. Переменные «a» и «c» ссылаются на один объект, а переменные «a» и «b» — на разные объекты с одинаковыми свойствами и значениями.