Welcome
Login / Register

Creating a Mars Weather App - HTML & CSS part 3

Thanks! Share it with your friends!

URL

You disliked this video. Thanks for the feedback!

Sorry, only registred users can create playlists.
URL


Added by in Internet work
4 Views

Description

See Web Dev Simplified's part of the collab where he adds in the functionality with JavaScript here: https://youtu.be/MDENx86nK4k

This was insanely fun to make but took me a lot longer than I anticipated, so I've broken up into 4 parts.

Part 1: The HTML - https://youtu.be/1-jQfGJibzc
Part 2: The main content area - https://youtu.be/LLsrgqnFet0
Part 3: The toggle (this video)
Part 4: The 'previous weather' section (coming Friday)

In this part we work on the toggle to switch between Celcius and Fahrenheit, using CSS to have it visually switch back and forth, though it's really using some hidden radio buttons in our HTML.

/// The Github Repo
https://github.com/kevin-powell/Mars-Weather-App

/// The Figma design
https://www.figma.com/file/In5futJ5wIDWhJ1P9A3Omi/Untitled?node-id=0%3A1

---

Keep up to date with everything I'm up to
https://www.kevinpowell.co/newsletter

---

Help support my channel
Get a course: https://www.kevinpowell.co/courses
Buy the t-shirt: https://teespring.com/stores/making-the-internet-awesome
Support me on Patreon: https://www.patreon.com/kevinpowell

---

My editor: VS Code - https://code.visualstudio.com/

How my browser refreshes when I save: https://youtu.be/h24noHYsuGc

---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Instagram: https://www.instagram.com/kevinpowell.co/
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell

---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

Post your comment

Comments

Be the first to comment
RSS
Яндекс.Метрика