Skip to content

Instantly share code, notes, and snippets.

@arnehormann

arnehormann/liveedit.html

Created March 11, 2013 11:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save arnehormann/5133578 to your computer and use it in GitHub Desktop.
Save arnehormann/5133578 to your computer and use it in GitHub Desktop.
Download ZIP
CSS live editing test
Raw
liveedit.html
<html><head><meta charset="utf-8"><title>CSS live editing test</title>
<!-- credit: http://www.campaul.net/blog/2013/01/29/stupid-browser-tricks-live-editing-styles/ -->
<style type="text/css" style="display: none;">
/* show css for a very tight feedback loop */
html { position: absolute; width: 100%; }
head, body { display: block; position: absolute; }
head { width: 40%; right: 0; background: #eee; }
body { width: 60%; left: 0; }
style { display: block; white-space: pre }
</style><style type="text/css" contenteditable="plaintext-only">/* Edit CSS */
div {
width: 200px;
height: 200px;
border: 20px solid #000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
</style></head><body>
<div> </div>
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment