Duration: 17:20 min
Summary: In this video, we will talk about generated content. Specifically, we are discussing the ::before and ::after pseudo-elements to add content to the page. We will start with a simple page that contains some articles and an image. We will modify the articles by adding images and text before each article. We will also modify them by adding content after each article. We will also experiment with some CSS properties like font and text transform. At the end we will experiment with some tools available in Firefox. There are more to talk about in the upcoming videos regarding the developer tools. But today we will look at the 3D view and see how that helps us understand how the page is displayed.
Technologies and Resources: CSS, HTML, Notepad++, CSS3, background-color, width, ::before, ::after, content, display, font-family, font-size, font-weight, font-style, text-transform, text-align.