screencast

Continuing on in Part 7 of "How to Design and Code a Product Landing Page", I begin adding content from our design to the WordPress theme.

To start I make preparati...

In part 8 of "How to Design and Code a Product Landing Page", I pick up where I left off after optimizing and creating dynamic menus for our theme and add some custom fi...

Continuing on in part 9 of the screencast series titled "How to Design and Code a Product Landing Page" we dive deeper into developing and styling the header portion of ...

In Part 10 of How to Design and Code a Product Landing Page, I continue coding the landing page. The last part of the series ended with me styling the header portion o...

In Part 12 of my "How to Design and Code a Product Landing Page" screencast series, I continue building out the next section of our design.

The "Benefits" section of ...

In Part 15 I carry on adding the eCommerce functionality inside the product landing page. I make use of a stripe WordPress plugin which allows you to output a fully inte...

Part 2 of the "How to Code HTML to WordPress" screencast series is dedicated to optimizing the theme for development as well as the beginning of making the main nav dyna...

Part three of my screencast series "How to Code HTML to WordPress" I opt to get our Gulp task runner plugin as a result of some CSS snags that co...

Part 17 of How to Design and Code a Product Landing Page deals with refinements to the product landing page's styles.

The first half of the video is spent adding cu...

Part 5 continues my series titled "How to Code HTML to WordPress". In this video, we make custom post types, categories, and custom fields that tie together to create th...

In the last part of the "How to Design and Code a Product Landing Page" screencast series, I finished up our desktop view of the design.

Responsive Web Design

...

Part 4 continues my journey of creating a style guide or design system for what could potentially be the upcoming design of the website.

The point of the design syste...

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 the general ca...

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 mentioned utili...

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 move on to ma...

Coding The Responsive Mobile Menu

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

To code t...

Kirby Redirects and Adding Animations

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