in this post i will introduce you to plain, the best web framework you'll ever see. it has most features you seek on the current modern frameworks:

pretty good huh? let's call this framework plain, because good frameworks have catchy names.

initializing a project

ok so you want to use it in you project, how do you start? simple, the output is meant to be sent as a .html file, so we just create a file named index.html: 
<!DOCTYPE HTML>
<html>
<head>
<title>Test</title>
</head>
<body>
<h1>first heading</h1>
<p>this is a paragraph.</p>
</body>
</html>

styling your elements

style is important, and this framework makes is super easy to add custom styles to your elements, is uses something called CSS.

there are 2 ways to add it to your pages, first one is to add a style tag to your head element, this is the most commom way. 

<!DOCTYPE HTML>
<html>
<head>
<title>Test</title>
<style>
h1 {
font-family: serif;
}
</style>
</head>
<body>
<h1>first heading</h1>
<p>this is a paragraph.</p>
</body>
</html>

the second one is inline, so your style applies to only that element. 

<h1 style="font-family=serif">first heading</h1≶

using javascript

of course this incredible framework has built-in support for javascript, because javascript is mandatory for any decent web framework. so plain comes with, not just one, but 3 ways of adding js to your pages, each with its features:

inline

this is the simplest way of running js on you page, using this method the js script is run on the order it is encontered in the page. you can add a script, using the script tag, see this example: 

<h1>here comes the js
<script>
var s = document.createElement('script');
s.type = "text/javascript";
s.src = "link.js"; // file contains alert("hello!");
document.body.appendChild(s);
alert("appended");
</script>

your scripts are already inflated and hidrated, healthy!