Remember to Subscribe https://goo.gl/6vCw64
In today's episode, we continue on with our project by coding the Logo/Brand section as well as the features section. We get to use a lot of really modern front-end techniques in this one like CSS Grid, Psuedo elements, and responsive media queries.
CSS Grid Cheatsheet http://grid.malven.co/
I had a lot of fun coding these sections but I want you to know that I got stuck more than once. I forgot to add classes on HTML, had to figure out why the content wasn't centered, and lot's more. I tried to keep some of the challenges in without boring you too much 😃I think it's important that you know that I got stuck from time to time so you don't get discouraged if it happens to you.
I also get the chance to dive a little deeper into GitHub and I hope that you will contribute to the project. If I wasn't clear in the video the steps are as follows:
1. Fork the repo on Github https://github.com/jesseshowalter/shoeAppLandingPage
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.
If you want to support the content I make and buy me a cup of coffee https://www.buymeacoffee.com/jesseshowalter
Vlogging Camera - Panasonic G85
Drone- DJI Spark
Hey man, love your videos. Great fan. Here's something that'll help you out:
instead of pressing return key multiple times, just enable this scroll past end option. Life saver
Love the energy! It's 12mn here, but it's refreshing to have found a tutorial that make me excited to want to try asap! A lot of the other videos have the serious/"only pros allowed" approach (not hating, I've just observed different styles). So yeah, excited to try! Thanks for this!
Really nice tut... in the previous video you made some quick changes advancing the video fastfoward so I could see exactly, anyway, i probably could slow down to see it better, well, congratulations, i'm learning a lot and spreading the news. Another thing, you've made a cut in the video and did not show hot you put de "drop shadow" neither the color lines up on the cards. I'll try to study the code better on github. Thanks a lot Jesse!!!
Just a few questions; How do you go about on including vendor scripts? Do you npm i them and then copy the files from the node-modules folder or do you just download them?
Maybe a simple trick - if you like using rgba(); you could just type rgba(black, .05) instead of rgba(0,0,0,.05) :-)
Keep up the good work! Loving it!
URBAN NATION MUSEUM FOR URBAN CONTEMPORARY ART is an international institution for art, creative projects and social exchange. Since September 2017 URBAN NATION shows under the leitmotif "Connect. Create. Care." that the house is far more than a museum.
Museum Opening hours Tuesday-Sunday: 10.00-18.00 Free admission.
Adress Bülowstraße 7, 10783 Berlin, Germany Contact [email protected] Follow Us.
IN THE STUDIO WITH … HAYLEY.
British born artist Hayley Welsh, has established herself as one of the newest creatives in the Western Australian art scene. There is something quite fantastical and a little bit dark lurking in Hayley’s work. Her latest work of art was created for the URBAN NATION and kicks off “The Monster Project”. We took the chance
Live @ the museum III – “Home” by Icy & Sot.
With her work made live in the URBAN NATION Museum, the artist duo once again draws attention to the fate of refugees and addresses the yearning for a home. Born in Iran, the artist duo Icy & Sot is known for addressing current political debates about war, peace, hope, despair and above all human rights […]
Three New Community Walls in June by Frz, Nafir & Xamoosh.
In addition to the two artists behind Icy & Sot, three other street artists from Iran will visit Berlin at the end of June and design one of our communiy walls on Bülowstraße. The three Iranians Frz, Nafir and Xamoosh are an integral part of the Iranian street art community. In their works, they address […]
Retrospective – SCOPE Art Show x URBAN NATION Museum.