Some Preview

Screenshots for Each Pen

Large Image Preview
https://codepen.io/Username /pen/SLUG/image/large.png

Small Image Preview
https://codepen.io/USERNAME/pen/SLUG/image/small.png

Editor Layout

To open the Pen Editor in a particular layout…

  • Editors on left = ?layout=right
  • Editors on right =
  • Editors on top =

There is also an editors param that controls which editors are open:

https://codepen.io/na041591/pen/SLUG/?editors=1010

In the four digit number (e.g. 1010), 1 is open, 0 is closed. The first digit is the HTML editor, second is the CSS editor, third is the JavaScript editor, and the fourth is the console.

Was this article helpful?
YesNo

Comments

Popular

Overview

Tested Pages

Organisation/Company

Text/Html

Section id

Terms & Conditions

Registered