Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Learn to combine graphics and pseudo-elements to add more design and layout possibilities without adding more HTML to your web pages. Combining web graphics and CSS3 pseudo-elements allows you to style text, add graphics, and position objects, all while keeping your HTML clean and organized and without sacrificing responsive elements of your design.
This course was created by Chris Converse. We are honored to host this training in our library.
Hi I'm Chris Converse, and in this course we're going to cover combing web graphics with CSS three pseudo elements. Now pseudo elements give us a way that we can add additional HTML elements for styling purposes without actually adding HTML to our code. In addition to creating pseudo elements, we are going to add graphics to these elements, position them and create more compelling elements without sacrificing any of our clean HTML markup, or any responsive aspects of your design. This course also features some animated slides that will give you a visual representation of what the CSS code is actually doing.
And the exercise files are available to all subscribers of the lynda.com online training library. So download the exercise files and let's get started.
There are currently no FAQs about Design the Web: Graphics and CSS Pseudo-Elements.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.