Website marketing using high authority backlinks from popular website's, find out more at or email
Click Here!

11 – Coding the Footer & Fixes | Design & Code Series

Oh man, I love coding in HTML, CSS, and Javascript! This is the part of the series where we put away our designer hats and pick up our front-end developer hat and rock that thang!

Remember to Subscribe

In today’s episode, we continue on with our project by coding a really simple Footer. We will spend the majority of our time using our HTML and CSS skills to fix any other small issues with the current code before moving on to responsive web development principles. We will cover topics today such as:

– refactoring code
– gulp source maps


1. Fork the repo on Github…
2. Clone of the repo locally using the Github Desktop App
3. Start a new branch that focuses on a specific improvement/feature
4. Make some changes in code that you think would improve the project
5. Make a pull request as shown in the video
6. Smile when you realize it’s not as scary as you thought it would be


1. Intro –
2. Discovery –
3. Wireframe & Moodboard –
4. Visual Design Part 1 –
5. Visual Design Part 2 –
6. Setting up the Dev environment –
7. Coding the Nav and Header –
8. Coding the brand and feature section –
9. Coding the Offer Section –
10. Coding the Download Section –


This series is all about the web design and development process from start to finish. I am going to be taking you through the entire creative process from sketching and wireframing to high res mockups and full development phase.

I have never done a series this large, and my hope is that you will grow as a designer and developer not because I am perfect but because you have allowed yourself to stumble and fail with me on the road to making something you can be proud of.

I made this series because I believe that by teaching it I will learn and grow from not only the experience of creating the project but getting feedback from you all.


////////// Website

////////// Subscribe:

If you want to support the content I make and buy me a cup of coffee…

////////// Social

////////// Equiptment
Vlogging Camera – Panasonic G85

Drone- DJI Spark

source – For all your website needs, visit Spalding Web Design

10 Responses to 11 – Coding the Footer & Fixes | Design & Code Series

Leave a Reply