Video

In Part 14 of my "How to Design and Code a Product Landing Page" screencast series, I begin implementing the eCommerce portion of the site.

In this video, I finally d...

In part 13 of my "How to Design and Code a Product Landing Page" screencast series, you will see some optimizations take place.

In this video, I fall back to the life...

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 a given week I make use of many design apps including Affinity Designer, Affinity Photo, Adobe Photoshop, Adobe Illustrator, and Sketch.

Chances are if you're rea...

At the beginning of part 11 of my How to Design and Code a Product Landing Page screencast series, I discuss how I fixed some issues I was having in the header area of...

Gulp.js is a not so new toolkit built using JavaScript that helps automate your workflow as a developer. Whether you do front end development, back ...

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

Affinity Designer has a unique feature called personas which essentially switch what I call "modes" inside the application ...

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

"How to Design and Code a Product Landing Page – Part 6" is here! Watch me as I continue on setting up our theme in preparations for development.

I do a lot of "...