Source: Vista

An intermediate level video course focusing on using Source micro framework with Stacks and RapidWeaver


A great way to 'level up' with Source!

This course focuses on how to recreate the Vista project web page. It makes full use of Source and the Addon stacks (and also Limelight from Big White Duck!).

We will build this step by step and at each stage will learn about the various options and settings that are used to achieve the different layouts and effects.

What it covers

Advanced Container sizing and positioning

A look at using the Container Plus stack to have different widths (and different alignments) at different breakpoints

Custom column definitions

A look at using Grid Plus to define our own custom column definitions (including split width columns)

Spanning grid items

You can begin to build some really interesting grids when you set some items to span multiple columns and/or rows

Layering grid items

Another approach when building advanced layouts is to set different grid items to overlap

Re-ordering grid items

The position of every grid item in Grid Plus can be controlled at different breakpoints

Adding in modals

We make use of Limelight stack (from Big White Duck) to display some content in lightboxes.

Creating a full page Nav

Again using Limelight we can build a full screen custom navigation option

....and much more!

The reviews are in....

Not seeing the testimonials?

You need to accept experience enhancement cookies for these to be displayed!

Enrol now

Vista is a great project to start 'levelling up' with Source as it begins to look at some more intersting and advanced layouts using the Container Plus and Grid Plus stacks.