CodePen Enhancement Suite
A Chrome extension meant to enhance the CodePen experience. Like RES.
To install in dev mode:
- Follow these instructions
- Custom editor themes
- Distraction Free editing mode
- Resizable Pen previews
- Easily see when you have new notifications
- On-hover profile previews
- Toggle custom CSS on user profiles
Custom Editor Themes
Adds the ability to customize your editor theme via a GUI. Allows you to adjust the following:
- Syntax highlighting
- Background/cursor colors
- CodePen UI colors (light/dark)
Distraction Free Mode
Adds a toggle to the "Change View" dropdown in the Pen editor to enable Distraction Free Mode
Resizable Pen Previews
Adds a draggable handle in the
Editor View while using the
Top layout that allows you to change the size of your Pen, making the experience of debugging responsive Pens a lot more pleasant.
Easily see when you have new notifications
Adds a small visual indicator when new items are added to your activity feed.
Hover over a profile link for more details on that user. Currently works in the following places:
Toggle Custom CSS on User Profiles
CodePen users can be pretty creative. Sometimes too creative. This lets you turn off a user's custom profile CSS with a toggle switch.
Why Didn't You Do (Thing)?
(Thing) sounds like a really good idea. Open an issue and I'll see what I can do. Any bug reports are welcome too, please contribute!