Learn better with new Editors

Learn better with new Editors
1and1 placeholder image

Here at Sabe, we're always looking to develop new features to help our readers learn better and more efficiently. That's why we're introducing new editors. These new code editors are sprinkled around our content and allow you to run real code in your browser and see the live results, right before your eyes.

Here's a look at them in action.

The HTML panel of an editor.
The HTML panel of an editor.
The CSS panel of an editor.
The CSS panel of an editor.
The JavaScript panel of an editor.
The JavaScript panel of an editor.
The output of the editor.
The output of the editor.

Want to experiment with a new regular expression? Want to tweak some values on that 3D transformation? Well now you can. Our editors are pre-filled with code that you can execute by hitting the Run button. Afterwards, you can hit the Edit button and make modifications to the code if you'd like.

Here is a real live editor so you can see how it works!

  • HTML
  • CSS
  • JS
Run

We hope you find these editors useful and if you have any feedback regarding them, please feel free to leave a comment below, or reach us at our forum!