Workshop by Devmeetings
HTML refresher
Semantic tags
Accessiblity: ARIA
Tasks
CSS
Syntax and selectors
Units
Inheritance
Specificity
Box model
Floats
Flex
Building layouts
Positioning elements
Class naming conventions: BEM
Project
RWD
Responsive Web Design
Media queries
Fluid layouts
Mobile first
Responsive images
Responsive tables
Measuring performance
Tasks
Preprocessors: SASS
Nesting
Variables
Functions
Mixins
Flow control and lists
Tasks
Bootstrap
Configuration
The grid
Utilities
JQuery Crash Course
Components
Final project
Additional CSS Topics
Triangles
Aspect ratio
Custom controls
Published with GitBook
Tasks
Tasks
1. Rewrite the page to use semantic HTML tags
Download the starter files
here
.
2.
(optional)
Add
aria
tags where appropriate
results matching "
"
No results matching "
"