Website marketing using high authority backlinks from popular website's, find out more at webcentreplus.com or email colin@webcentreplus.com
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 https://goo.gl/6vCw64

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
https://www.npmjs.com/package/gulp-sourcemaps

————————————————————————————

1. Fork the repo on Github https://github.com/jesseshowalter/sho…
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 – https://youtu.be/sr6jDeAoXCc
2. Discovery – https://youtu.be/g2aSWqU0gqA
3. Wireframe & Moodboard – https://youtu.be/boF058Bh5lo
4. Visual Design Part 1 – https://youtu.be/3xWViyhRGd4
5. Visual Design Part 2 – https://youtu.be/HqykJljlN2A
6. Setting up the Dev environment – https://youtu.be/cXbRAdPXpRA
7. Coding the Nav and Header – https://youtu.be/Boc_IZNzlh4
8. Coding the brand and feature section – https://youtu.be/O4gqpgRvYJg
9. Coding the Offer Section – https://youtu.be/JsLeiFbi8RM
10. Coding the Download Section – https://youtu.be/jMkAeo2uGHk

————————————————————————————

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
http://www.jesseshowalter.com

////////// Subscribe:
https://goo.gl/6vCw64

If you want to support the content I make and buy me a cup of coffee https://www.buymeacoffee.com/jessesho…

////////// Social
Twitter: http://twitter.com/iamjesseshow
Anchor: https://anchor.fm/iamjesseshow
Instagram: https://www.instagram.com/iamjesseshow
Medium: https://medium.com/@iamjesseshow

////////// Equiptment
Vlogging Camera – Panasonic G85
http://amzn.to/2EwumHn

Drone- DJI Spark
http://amzn.to/2CpodH9QV

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

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

Leave a Reply

Archives