CSS Layout

This course introduces the developers to layout concepts using css. We take a look at all of the ways that elements and text can be handled to address the challenges of varying screen sizes.

Topics

• Advanced Selection
• Images and Text
• Box Model and Positioning
• Effects and Filters
• Flexbox
• Javascript Integration

Advanced CSS Selection

• Selector Playground

Images and Text

• Boxes and Backgrounds (1-3)
• Embedded Images
• Sprites
• google fonts

Box Model Positioning

• barely fitz positions
• box positions (1, 2)

Effects and Filters

• vendor prefixer
• text shadow, box shadow
• border radius, circles
• gradients
• colors, rgb, hsl, rbga, hsla
• Transform
• filters on images (1-10)
• CSS3 Generator

Flexbox

• Flexbox Guide
• Examples (1-5)