As a front end developer who tries to keep up with the latest trends, I find it a constant challenge to define my own unique path when building a website or application. The web is an ever evolving...

Many people think Git is too advanced and a tool they will never master. The ever frightening command line keeps many designers and developers from getting their hands dirty a...

In part 5, of "How to Design and Code a Product Landing Page", I continue optimizing our theme for the upcoming development of the landing page.

Part of the video is dedicated to preparing asse...

"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 "prep" work to make my life e...

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

The first half ...

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 of the page. I was stumped on...

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 end development or even mobi...

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 the site in the [last video...

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 our design was fairly wrappe...

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 lifestyle section which features...

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 decide upon what merchant to ...

Welcome to the very first video of my new series titled "How to Code HTML to WordPress".

In this screencast series, I'll take a new approach to build WordPress themes by bypassing the design s...

Part one of the "How to Code HTML to WordPress" screencast series begins with getting WordPress installed, a starter theme activated, and copying the bundled assets to the new theme.

The [free...

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 integrated and configurable Stri...

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

The underscores star...

In Part 16 of the "How to Design and Code a Product Landing Page" screencast series, I finalize our styles for the footer area of the single-page website.

This video features me styling the foot...

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

[WordPress](https:...

Part 4 of How to Code HTML to WordPress picks up where I left off in Part 3 after I added Gulp tasks to our project which ultimatel...

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 custom options page via Advanc...

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 the menu of the design.

...

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

If you're new to responsive...

Part 6 continues my series titled "How to Code HTML to WordPress". In this video, I finish up coding the custom post type feature for the menu section of the page.

How I query the database i...

Continuing on from Part 6 of my How to Code HTML to WordPress screencast series I begin to make the final push to my the HTML theme fully imple...

The end is here! In part 8 of my screencast series "How to Code HTML to WordPress" I create a widget footer section of the HTML theme.

There's a different way to do everything

The footer ...

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 the Foundation

In this video, I create ...

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 a pattern emerges

In part 17, you'll ...

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 completely forgot to style!

Join me in...

Coding the home page call to action and global CTA

Part 22 carries on the series by introducing the call to action I designed for the home page as well as a global call to action that display...

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 sure it's a snippet of its own inside the s...

Coding an Instagram Photo Feed

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

The existing design utilizes placeholder imagery for what will become ...

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 call to action image on the lo...

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 utilizing Wufoo forms for thi...

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 making the site adaptive/respo...

Coding The Responsive Mobile Menu

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

To code the menu I take definite cues...

Kirby Redirects and Adding Animations

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

Today, more than ever, more developers are reaching for JavaScript as their programming language of choice. That choice makes sense because JavaScript can exist and run practically anywhere but for...

I'm back with another installment of my Let's Build: With JavaScript series. This tutorial is based around an off-canvas menu experience that was built using a combination of HTML, CSS, and `Ja...