Sketch Tutorial: HTML and CSS Website Design Course

In this web design project you will design a landing page in Sketch and then take that design to the web with HTML and CSS. You will also create an interactive play button using jQuery and the Wistia Javascript Player API.

This series is intended as a project-based course and will not go in-depth into HTML, CSS, or Javascript. If you want to learn more about those check out the links at the bottom of the description.

💥 DEMO SITE 💥

🔗

📂 COURSE FILES 📂

🔗

🎓 LESSON LIST 🎓

Lesson 1: Design the Landing Page in Sketch – 0:35

🔗 Sketch:

🔗 Stock Videos:

🔗 Stock Photos:

Lesson 2: Write the Basic Web Structure with HTML – 17:45

🔗 Visual Studio Code:

🔗 Wistia:

Lesson 3: Style the Website with CSS – 31:35

🔗 Google Fonts:

Lesson 4: Style the Hamburger Mobile Nav – 55:17

Lesson 5: Create an Interactive Button with jQuery – 01:10:21

🔗 Javascript Player API:

Lesson 6: Deploy the Site with Netlify Drop – 01:14:15

🔗 Netlify Drop:

🌟 TOP RECOMMENDED COURSES 🌟

CSS

(Paid) Build Responsive Real World Websites with HTML5 and CSS3


(Free) CSS Crash Course For Absolute Beginners


CSS GRID

(Free) Flexbox CSS In 20 Minutes


(Free) A Complete Guide to CSS Flexbox


CSS FLEXBOX

(Free) CSS Grid Tutorial


(Free) A Complete Guide to CSS Grid


JAVASCRIPT

(Paid) The Complete JavaScript Course 2019: Build Real Projects!


(Free) Learn JavaScript - Full Course for Beginners


🔔 SUBSCRIBE 🔔



👋 FOLLOW US 👋

INSTAGRAM:

FACEBOOK:

css tutorial,html css,html tutorial,web design,learn html,how to make a website using html and css,web development tutorial,html5 tutorial,learn css,html and css,web development,how to make a website,html website,website design,sketch app,sketch,sketch tutorial,sketch app tutorial for beginners,web design course,web designing full course,how to create a website,web development course,html css javascript,web design and development,