INTEGRATIONS
Embed Examples

Codepen

2min

CodePen is a development platform whereΒ anyone can edit front-end languages like HTML, CSS, and JavaScript from their browserΒ without downloading any software.

The best part is that results can be seen in real-time, allowing for quicker debugging. Developers and designers can also create and share code snippets (called pens) with the rest of the world.

  1. Style-Guide your project - you can always use CodePen's online code editor toΒ create the style for your project components. This way, you can ensure yours are not influenced by code intended to style other components. You can think of it as aΒ blank canvas.
  2. Learn a new framework or library - You don't need to set up a new environment every time you want to see if your changes work. The editor view simultaneously shows theΒ three editing areas and the preview, updating the final results every time something changes.
  1. A client can embed an Codepen URL on Archbee, in order to bring an example, that reinforces his documentation
  2. Codepen embed can be used as a user guide, if it is a standard use in the customer's organisation
ο»Ώ

ο»Ώ

πŸ€”
Have a question?
Our super-smart AI, knowledgeable support team and an awesome community will get you an answer in a flash.
To ask a question or participate in discussions, you'll need to authenticate first.

ο»Ώ

Updated 30 Oct 2024
Doc contributor
Doc contributor
Doc contributor
Did this page help you?
PREVIOUS
Trello
NEXT
Mode Analytics
Docs powered byΒ Archbee