This site is a companion for the Introduction to Web Design course. The four main topics we will cover are HTML5 (creating the content for your site), CSS3 (styling your site), JavaScript (adding some interactive features), and Responsive Design (making sure your site looks good on smartphones, tablets, laptops, and PCs). The focus is on best practices and accessibility.
The best way to learn web design is with hands-on learning, so while this site looks good (at least I hope so), let's see what this site looked like through each of the four steps.
- Just the HTML
- Adding mobile styling using CSS
- Completing the CSS styling for tablet and computer views
- Adding JavaScript to create an interactive hamburger menu for the mobile view (hint: you're looking at it!)