- 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
- Image color picker
- Google foonts
- Generador de gradiente de color
- Convertir PNG a SVG
- Adobe color
- SVG Repo
- Icons8
- SVG to REACT component
- Box Shadow
- Neumorphism
- Deep learning color generator
- Buttons
- Only one color generates palette
- Fsymbols
- Google Font Pairing
- Bestfolios - UX/UI design inspiration