Basic of Web Development
HTML Basics, CSS Basics, HTML DIV/Classes/Ids ( 1, 2 )
Basics Of HTML, Divs and Controlling Them With ID and Classes, Classes And IDs in HTML, Inline Vs Block
When To Use ( DIV, Section VS Article VS DIV, Section vs Article )
CSS Must Know
CSS Positioning ( 1, 2, 3 ), CSS Flexbox ( 1, 2, 3 ), Css Grid ( 1,2 )
Basics Of CSS, Padding Vs Margin, CSS Grid , CSS Flexbox, CSS Positions, CSS Positions Part 2, CSS Z Index , CSS Z Index 2 , CSS Media Query
Typography ( rem vs. em vs. px ) Extra
Tools for Web dev
Chrome Dev Tools , Emmet Basic ( + Emmet Docs ), VS Code Basics( 1, 2 ), VS Code Extension ( 1, 2 ) Emmet (1, 2)
Color Tools
- Unlimited UI/UX
- Flat UI Colors
- Color Space
- Gradient Animation
- Color Hunt
- Color Claim
- Css Gradient Animation
- Colors.co
- Color Mind
- Color Hexa
- Gradient Magic
Image Tools
- Reduce Image Size
- Image Color Picker
- https://squoosh.app/
- Photo Editing
- Gradient Joy
- Font Awesome
- CSS Duotone Images
- Free Illustration
- Free Human Illustration
Background Tools
SEO TOOLS
Video Tool