I began the lecture setting expectations, and discussing what the technologies involved do. Throughout this lesson, we covered what HTML, CSS and HTTP are. We spent a lot of time going over HTML markup, and some tips and tricks for effectively describing the data of your document to a browser. At the end, we wrap up with getting a web server setup on our local computers so that we can design and test in an environment closer to what a production server would be like.
In this lesson, I went over both the syntax of CSS and discussed how resources are located with URLs by the web browser. Although we didn't get into many of the specific properties of CSS - we spent a lot of time talking about one of the most fundamental and important aspects of the language: selectors. We also took a good look at the Chrome Developer tools that make web developer's and designer's jobs easier.
Today we went over the Box Model. The Box Model is how HTML rendering engines layout and position elements on the screen. It also is one of the most complicated aspects of CSS. An understanding of this topic is necessary to do many of the things we may want to do on a web page or application - such as creating columns and grids.
In this video, we went over using the :hover psudo class to create CSS-based dropdowns and popup menus. In addition, we went over responsive web design techniques. We wrapped up the class with a short introduction to an awesome font library.