CSS for Roam (1st lesson): Roam with Style
Last update: 26th December 2020
Create your first CSS for your second brain
Last week, I have discussed the holy technological trinity in Roam that enables us to basically create our own little internet: We can use basic building block of websites, so-called HTML (with :hiccup syntax), custom styles using CSS, and add interactivity thanks to JavaScript. The big addition to this is the recently announced API that will allow for even greater possibilities.
In this blog post, I will describe generally what CSS is, including some of its limitations. Additionally, we will create our very first little custom CSS code for our beloved second brain in Roam.
What do you need to know before you start with CSS?
Frankly, very little. However, remember that CSS modifies the appearance of webpages and webpages are built from HTML elements. You should therefore have an idea what HTML is and how HTML elements work.
Don’t worry, it’s nothing complicated. HTML stands for “Hypertext Markup Language” — The key part for us is the “Markup”. In comparison with typical programming languages like C#, Python or JavaScript, we don’t have to work with variables, functions or loops in HTML. Instead, we only “mark…
