[TUTORIAL] Turning Sketch-ups into HTML Code in Sublime Text 3: Web Development for Beginners (#02)

by | Jan 10, 2021 | 0 comments

[TUTORIAL] Turning Sketch-ups into HTML Code in Sublime Text 3: Web Development for Beginners (#02)

by | Jan 10, 2021 | CSS Tips and Tricks | 0 comments



Beginner tutorial on how to take your Website Sketch-up and turn your (paper/sketchup/illustrator/photoshop) to HTML and CSS code in Sublime Text 3. In this web development tutorial for beginners, I will be showing you how to do basic HTML mockup in Sublime Text 3 with Emmet.

Get caught up first before watching this video: https://www.youtube.com/watch?v=XcnvQ…
🔁 ENTIRE Tutorial PLAYLIST for Effortless Episodic Viewing: https://www.youtube.com/playlist?list…

📝 Video Description:
Today, I will be showing you all how to create and code your own website for YouTube or your business for free. We will be using Sublime Text 3, and I will be taking the sketchup we made on paper in the previous tutorial and turning it into HTML and CSS code. You can also take a mockup you made in Adobe Illustrator or Adobe Photoshop and turn it into HTML/CSS. I know this is a longer tutorial, but I truly believe it will be beneficial for you guys to watch it in its entirety. Keep creating guys!

Emmet Documentation: http://emmet.io/documentation
Software Setup for Coding HTML: https://www.youtube.com/watch?v=AFnPE…

✅ SUBSCRIBE to be notified of future uploads: http://www.youtube.com/subscription_c…
😏 EXCLUSIVE 1-DAY early access for my videos: http://remind.com/join/TGODtuts
😳 Motivational Quotes from me EVERY SINGLE DAY: https://twitter.com/theguyordie
💟 Give back by SUPPORTING: https://www.paypal.com/cgi-bin/webscr…
🚀 My Graphic Designs Shop: http://tgoddesigns.com

-=======================================-
▶ TGODtutorials – INNOVATE and OPTIMIZE Your Work ◀
-=======================================-

-== MORE OF MY LIFE ON YOUTUBE ==-
📷 VLOGGING: http://youtube.com/c/TGODvlogs
– Sharing my love of ADVENTURE, TECHNOLOGY, EDUCATION and LIFE with you!
🎮 GAMING: http://youtube.com/c/TGODgames
– Delivering an ENTERTAINING and IMMERSIVE gaming experience!
💡 TUTORIALS: http://youtube.com/c/TGODtutorials
– Helping you INNOVATE and OPTIMIZE your work.
🎨 DESIGN: http://youtube.com/c/TGODdesigns
– Sharing my world of DESIGN and COMPUTER GRAPHICS with you!
💠 HUB: http://youtube.com/c/TGODhub
– Consolidating ALL TGODNetwork content for your RELAXED and CAREFREE viewing pleasure!

source