CodePen 2.0
Бета нового CodePen: файлы и папки, Blocks, кастомные шаблоны, визуальная конфигурация, совместная работа, Omnibar и приватность.
Команда CodePen представила бета-версию редактора. Под капотом — полный переписанный движок и много новых возможностей, но при этом редактор остался таким же лёгким и быстрым, сохранив главную фишку CodePen — мгновенный предпросмотр. ⚡️
Что нового:
📁 Файловая система — теперь в пенах есть файлы и папки, можно строить более сложную структуру проекта, а не ограничиваться только HTML/CSS/JS.
🧩 Кастомные дефолты — можно создать свой шаблон, чтобы новые пены запускались сразу с нужным стеком и настройками.
🧱 Blocks — новая система сборки. Blocks — это модули, которые обрабатывают код: например Sass, Babel, PostCSS, Prettier и т.д. Их можно комбинировать между собой, а CodePen сам собирает конфиг и следит, чтобы всё работало вместе.
⚙️ Простая конфигурация — у каждого блока есть свой конфиг (например tsconfig или настройки Prettier), а управлять ими можно через визуальный редактор.
🤝 Realtime-коллаборация — можно приглашать других разработчиков и работать над пеном вместе, как в Google Docs.
⌘ Omnibar — командная палитра для быстрого поиска файлов, настроек и команд.
🔒 Расширенные настройки приватности — приватные пены, доступ по приглашению и даже возможность поставить пароль.
Похоже, CodePen постепенно превращается из простого playground’а в полноценное лёгкое dev-окружение для фронтенда.
А каким инструментом вы пользуетесь, когда нужно быстро открыть песочницу?