laurensV / self-coding-website

A Self Coding Website

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Self-Coding Website

3Website that will style itself with a simple technique. By using the contenteditable attribute on a style block and giving it just the initial styling of display:block; you can now both see and change the CSS styling of your website. It's as simple as this:

<style contenteditable style="display:block;">
/*You can now both see and change the styling of this block */
body {
    color: red;
}
</style>

When you add one simple function for auto-typing content into the style block (see type function in index.html) you can already achieve a self-coding website that styles itself.

Live Demo

https://laurensv.github.io/self-coding-website/

Screenshot

Demo CountPages alpha

About

A Self Coding Website


Languages

Language:HTML 100.0%