Component tests
- design on paper or software how your website would look
- Create the html structure, the fastest way is to use emmet
- Prework
- reset tags
- organize CSS architecture folders
- know what CSS methodology you are going to use, in my case SUITCSS
- for faster implementation of CSS use SASS
- programs and plugins to use
- Define the model boxes
- Width and background(striking colors, to know the differences between the different boxes with which you are working)
- Min height
- Marging, padding and border
- Position
- float, display o grid
- Do not add images, but put the alternative text of the images
- Responsividad
- Media query
- Breakpoints
- Fonts
- Font family
- font size
- Images
- Animations
- transition
- rotate
- keyframes
- animation
- JavaScript