Designing a website¶
I like websites, they make up most of my online life. So they deserve the recognition and respect of makers, they are non-trivial.
Most basic sites are built with HTML(HyperTextMarkupLanguage), CSS(Cascading StyleSheet) and Javascript (not an abbreviation, just a dumb name with a cool story)
HTML is the basics, it is a language to show what goes where in the webpage. All you need to do, is learn the definition of the keywords, and add your contents between them.
<title>This code example</title>
<h1>actually looks like this!</h1>
<p>For reals!</p>
This code example¶
actually looks like this!¶
For reals!
Finding inspiration¶
Just using your favorite browser find some websites that you like the look of. Right click on it, press inspect. Copy all this ridiculous looking code into something like https://notepad-plus-plus.org save it as html, and the colors will change helping you to show what’s going on.
So that’s what I did.
I found this website, it has a stationary pane on the left and a scrolling view on the right.
TEST¶
import ‘postit-js-core/assets/postit-js.css’;
import PostItModeler from ‘postit-js-core/lib/Modeler’;
let xml; // my post-it xml
const modeler = new PostItModeler({ container: ‘#canvas’, keyboard: { bindTo: window, } });