In this HTML and CSS tutorial, we'll learn how to create a responsive site from scratch by prototyping directly in the browser. We'll start with some boilerplate code and build on it with responsive images, videos, icons, maps, videos and off-canvas menus. By the end of this HTML and CSS training, you'll understand the in-browser responsive design creation process, from planning, to wireframing and prototyping, to the final product.
Introduction and Project Overview Hi everyone, my name is Karen Menezes, I'm a freelance UI developer, and my latest projects include work for edm. com, the Library of Congress, and mycareer. my. In this course, we are going to learn how to create a responsive site from scratch, by prototyping directly in the browser. Some of the key takeaways from watching this course include access to your own responsive boilerplate code, creating responsive tables, images, and iframes, working with Pixel Perfect icons and SVGs, and discussing alternatives to floats like Flexbox. By the end of the training, you will have enough resources to create your own responsive website, right from planning, to wireframing and prototyping, to the final product. I'm excited to share these tips and techniques with you, so, let's get started with the first lesson.