Source

A modern 'micro' framework

Modern


The future is here

Css Grid

For a few years now CSS Grid has been talked about as 'the future of web design'. Well, the future is now! Source's Grid Plus stack lets you tap into the power of the amazing CSS Grid specification to layout your web pages or sections. Complex and fully responsive layouts in RapidWeaver are now simply achieved.

grid1 Created by Shaking the Habitual
grid2 Created by Shaking the Habitual
grid3 Created by Shaking the Habitual
fgrid4 Created by Shaking the Habitual
grid item options
grid5 Created by Shaking the Habitual
grid6 Created by Shaking the Habitual
grid7 Created by Shaking the Habitual
grid8 Created by Shaking the Habitual
grid plus logo

If you can picture it you can build it with Grid Plus

No matter how you want to lay out your page, Grid Plus will let you do it. Set items up to span rows or span columns. You can even overlap items! You can also completely change the grid at different breakpoints and even move items around! How's that for power?

flexbox options

Total control over your content

Flexbox

Source makes use of flexbox to give you incredible control over aligning and distributing your content within its container. Want your content centered vertically or spread out from top to bottom? Not a problem with Source. Our Grid and Container stacks have all of this built right in!!

Other frameworks make things like creating equal height columns and aligning content look ridiculously complex. In Source it's a breeze.

flex-top Created by Shaking the Habitual
flex-bottom Created by Shaking the Habitual
flex-centre Created by Shaking the Habitual
flex-even Created by Shaking the Habitual
flex-around Created by Shaking the Habitual
flex-between Created by Shaking the Habitual

Why Source?


The case for a micro framework

Full frameworks have code inside them for virtually any and every need - be that for galleries, different types of menus, accordions, sliders, cards etc etc etc. All of this code is loaded onto your page whether you need it or not. If you use some of these things then you will be getting the use of some of that code. If you don't then all of that code is sitting redundant on your page and causing your pages to load slower than they need to.

Additionally, thanks to all of the fantastic stacks available via the RapidWeaver Community, many people use dedicated third-party stacks for things like sliders, menus and galleries etc. They do this because they are better and more flexible than the framework version - but doing so it adds yet more code to the page and makes the framework code increasingly redundant.

Source was born because I personally reached the stage where I was effectively using an entire framework to set my colours and my fonts. Virtually every stack that I added to my pages were third-party stacks that offered me the power and flexibility that I needed.

Source strips out all of that unnecessary code and lets you use the Source stacks along with your favourites from the RapidWeaver Community.