fahimfaisaal / web_design_lite

Web Design Roadmap 2021

• HTML (Hyper Text Markup Language)
• CSS (Cascading Style Sheet)

HTML (Hyper Text Markup Language)

• HTML
• HTML 5
• Semantics
• HTML Structure
• SVG

CSS (Cascading Style Sheet)

CSS Layout

• Float
• Position
• Display
• Transform (2D, 3D)
• Flex Box
• Grid

Advance Selectors

• Attribute Selectors
• Nth-Child Selectors
• Advanced CSS Selectors
• General Siblings

Methodologies

• BEM (Block Element Modifier)
• OOCSS (Object Oriented - CSS)
• SMACSS (Scalable and Modular Architecture for CSS)
• ATOMIC CSS

Preprocessor

• SASS (Syntactical Awesome Style Sheet)
• LESS (Leaner Style Sheets)
• Stylus

CSS Best Practice

• CSS BATTLE
• FRONTEND CHALLENGE
• FRONTEND MENTOR
• 100 DAYS OF CSS CHALLENGE