Every Day Free – But Never Cheap!
Exclusively for RapidWeaver users • only free and low-cost stuff

Another RapidWeaver blog

Yes, it's true: one more blog about our favorite web site building application for MacOSX. But this one is a little different. It started back in 2011 as a blog focusing solely on free and low-cost stuff for (producing a web site with) RapidWeaver: themes, tools, tips, tricks, anything, as long as it was free – or low-cost.
    Over time, the Stacks plugin became more popular, and coding yourself was no longer an option for many people, so I started to develop my own stacks in the spirit of the blog: free (well, actually pay-what-you-want) and low-cost.
    This blog evolved with it, and is now primarily about those new stacks, although from time to time I will post about other free and low-cost stuff for RapidWeaver.

ShareThis | follow me on twitterFollow me on Twitter


Do you know something free (or low-cost) & useful related to RapidWeaver not mentioned here? Have a suggestion for a subject to write about here or for a new stack?
Tips, questions and remarks are always welcomed.
Just and help expand this little blog!

Superior superscript and subscript

It is surprising (if not shocking) how many times the superscript and subscript tags are not styled properly, or even not styled at all, in RapidWeaver themes. These tags are important to make a text better readable, especially in mathematical and chemical formulas. Besides that, without proper styling, your page looks plain unprofessional.

Many themes (including the ones that come with RapidWeaver 5!) ignore these tags completely (see example #1), others support them, but alter the height of the line it is used in, resulting in an ugly paragraph (see example #2).

This is amazing, because styling superscript and subscript is a piece of cake, so I think there is no proper excuse for not including it in the styles.css of every theme. So, if the theme you're using has no proper styling, you will have to add it yourself. Here's how: just add
sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
    font-size: .8em;
}

sub {
    top: 0.4em;
}

To Page Inspector > Header > CSS and enjoy the difference!

See older posts...