kirby

Today marks the beginning of a new series of which I'm titling "Let's Build". The idea is to build something new and screencast the process all while using n...

Let's Build: A Consultancy Website Part 2 kicks off with a meeting between Alyssa and myself to discuss sources of inspiration.

During this phase, I get a...

In part 3 of the Let's Build: A Consultancy Website series brings forth the beginning of the hands-on portion of the videos to come. This part and the next w...

It's finally time to code! And with that, I needed a good foundation to build our website on top of. Meet Kirby, my CMS of choice for...

In part 16 I optimize our theme for development. Kirby comes with a starter kit preinstalled to show you functionality which I really like.

Laying th...

Styling the home page header

Styling our home page header begins in part 17 of the Let's Build: A Consultancy Website series.

The beginning of ...

Revisiting the primary navigation

In Part 18 we styled just about all of the home page header. In part 19, I revisited the primary navigation which I c...

Coding the Process Section.

In part 21 I continue coding the home page by starting the process section of our design. This section is a little more com...

Coding the Footer

In part 23 I round out the home page design and spend time coding the footer.

To make this a global component I needed to make sur...

Coding the About page

In part 24 of my Let's Build series I walk you through the initial phases of coding the About page design. We leave the home page...

Coding the About page (Continued)

Part 25 of my Let's Build: A Consultancy Website series continues on the About page.

The design calls for a brie...

Coding the Services Page

So far in this series you've seen me team up with my, now wife, Alyssa to design and build a consultancy website for marketing...

Coding the Services Page - Part 3

In part 29 of my Let's Build series, I continue coding the services page. All that's left is to style the form and th...

Coding the Services Page Form

Part 30 officially marks the end of my immediate work on the services page by tackling the form. In previous videos I men...

Making The Homepage Responsive

In part 32 I start with making the homepage responsive. With most of the consultancy website designed and built, I can m...

Making The Homepage Hero Section Responsive

In part 33 I continue working on the home page trying my best to make the hero section responsive. As you c...

Making the Interior Pages Responsive

In part 34 I continue past the home page to pay more attention to the interior pages of the site.

Using the gr...

Coding The Responsive Mobile Menu

Part 35 introduces our new responsive mobile menu of which I found as inspiration on Codepen.
...

Kirby Redirects and Adding Animations

Part 37 teaches you how to perform redirects in Kirby. Alyssa's blog is hosted elsewhere...