Design the Web: Graphics and CSS Pseudo-Elements
18mBeginner2014-04-16
Authors
Chris Converse
Applies design and UX principles to technology
Course details
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.
Skills covered
HTMLWeb GraphicsCSSWeb StandardsWeb DesignPhotoshopFront-End Web DevelopmentLimited SeriesAdobeWeb DevelopmentOpen Source
Concepts
0. Introduction
- 01 - Preview the final project
- 02 - About the exercise files
1. Generating Graphics
- 03 - Creating a pseudo-element with CSS
- 04 - Setting absolute-positioning properties
- 05 - Spacing and layout adjustments
- 06 - Restyling an unordered list