HTML/CSS Web Development

  1. Advanced CSS and Responsive Design
    1. Responsive Web Design Principles
      1. Fluid Grids
        1. Percentage-based Layouts
          1. Flexible Container Widths
          2. Flexible Images
            1. Max-width Property
              1. Object-fit Property
                1. Picture Element Integration
                2. Mobile-First Design
                  1. Progressive Enhancement
                    1. Content Prioritization
                    2. Graceful Degradation
                      1. Feature Detection
                        1. Fallback Strategies
                      2. Media Queries
                        1. Media Query Syntax
                          1. Media Types
                            1. Screen
                              1. All
                              2. Media Features
                                1. Width and Height
                                  1. Min-width and Max-width
                                    1. Min-height and Max-height
                                      1. Orientation
                                        1. Resolution
                                          1. Aspect-ratio
                                          2. Combining Media Features
                                            1. Common Breakpoints
                                              1. Mobile-First vs Desktop-First
                                              2. Advanced Layout Techniques
                                                1. CSS Grid Advanced Features
                                                  1. Subgrid
                                                    1. Grid Template Areas
                                                      1. Auto-placement Algorithm
                                                      2. Container Queries
                                                        1. Container Query Syntax
                                                          1. Size Containment
                                                          2. Multi-column Layout
                                                            1. Column-count
                                                              1. Column-width
                                                                1. Column-gap
                                                                  1. Column-rule
                                                                2. CSS Variables
                                                                  1. Defining Custom Properties
                                                                    1. Using Variables
                                                                      1. Variable Scope
                                                                        1. Global Variables
                                                                          1. Local Variables
                                                                          2. Variable Fallbacks
                                                                            1. Dynamic Variable Updates
                                                                            2. Transitions and Animations
                                                                              1. CSS Transitions
                                                                                1. Transition-property
                                                                                  1. Transition-duration
                                                                                    1. Transition-timing-function
                                                                                      1. Transition-delay
                                                                                        1. Transition Shorthand
                                                                                        2. CSS Transforms
                                                                                          1. Transform Property
                                                                                            1. 2D Transforms
                                                                                              1. Translate
                                                                                                1. Rotate
                                                                                                  1. Scale
                                                                                                    1. Skew
                                                                                                    2. 3D Transforms
                                                                                                      1. Translate3d
                                                                                                        1. Rotate3d
                                                                                                          1. Scale3d
                                                                                                            1. Perspective
                                                                                                          2. CSS Animations
                                                                                                            1. Keyframes Rule
                                                                                                              1. Animation Properties
                                                                                                                1. Animation-name
                                                                                                                  1. Animation-duration
                                                                                                                    1. Animation-timing-function
                                                                                                                      1. Animation-delay
                                                                                                                        1. Animation-iteration-count
                                                                                                                          1. Animation-direction
                                                                                                                            1. Animation-fill-mode
                                                                                                                              1. Animation-play-state
                                                                                                                              2. Animation Shorthand
                                                                                                                            2. Advanced Visual Effects
                                                                                                                              1. Gradients
                                                                                                                                1. Linear Gradients
                                                                                                                                  1. Radial Gradients
                                                                                                                                    1. Conic Gradients
                                                                                                                                      1. Repeating Gradients
                                                                                                                                      2. Shadows
                                                                                                                                        1. Box-shadow Property
                                                                                                                                          1. Text-shadow Property
                                                                                                                                            1. Drop-shadow Filter
                                                                                                                                            2. Filters
                                                                                                                                              1. Blur Filter
                                                                                                                                                1. Brightness Filter
                                                                                                                                                  1. Contrast Filter
                                                                                                                                                    1. Grayscale Filter
                                                                                                                                                      1. Hue-rotate Filter
                                                                                                                                                        1. Saturate Filter
                                                                                                                                                        2. Blend Modes
                                                                                                                                                          1. Mix-blend-mode
                                                                                                                                                            1. Background-blend-mode
                                                                                                                                                              1. Isolation Property
                                                                                                                                                              2. Clipping and Masking
                                                                                                                                                                1. Clip-path Property
                                                                                                                                                                  1. Mask Property
                                                                                                                                                                    1. Shape-outside Property