Code Playground

Information window

Keyboard shortcuts
ctrl + alt +
num0 layout resize with keyboard arrows
num1 - num3 set focus to html, css or js editor
num4 - num6 html, css, js size preset
num7 - num9 html, css, js on off
1 - 5 layout size presets
7 - 0 left, top, right, bottom view
num+ font size presets
num- font size presets
w autoupdate
r update frame
l layout screen
b css screen
s javascript screen
p projects screen
x export/save screen
d add new file
c export current project
m iframe ruler
n iframe width meter (click to swap px em)
j Js Lint
k Css Lint
f format html code
g format css code
h format js code
t inlet color picker
y inlet slider
f11 codemirror editor full screen

Tihomir Selak
www.motionbump.com

Are you sure

Settings

Tools

Codemirror

Preprocessor

Quick Add

Used

Swatches

Codemirror

Preprocessor

Quick Add

Used

Load Type

Codemirror

Snippets

Tools

Templates

Portfolio

Load

Import

HTML

Succesfully Copied
    • Copy
    • Format Code

CSS

Succesfully Copied
    • Copy
    • new category
    • remove category
    • Format Code

JS

Succesfully Copied
    • Copy
    • new category
    • remove category
    • Format Code