HTML AND CSS

Check out My Amazon Store for products and books recommendations - https://www.amazon.com/shop/codingaddict

Disclosure: This video is not sponsored. Some links above are affiliate links, and l may earn a small commission from any purchases at no additional cost to you. Thank you for supporting my channel!

Timeline:
What is HTML - 2:47
Google Chrome and Visual Studio Code - 5:11
Download Google Chrome - 6:02
Download Visual Studio Code - 8:11
Create A Project - 13:58
First Webpage - 16:09
Visual Code Settings - 20:35
Download Live Server Extension - 22:48
Basic HTML Document Structure - 26:59
Implementing Basic Document Structure - 29:05
Word Wrap and Emmet - 34:50
Heading Elements - 40:24
Paragraph Elements - 44:33
White Space Collapsing - 47:50
Lorem Ipsum Dummy Text - 49:22
Images - 51:17
Multiple Path Options - 57:15
External Images - 1:00:06
Nice Images - 1:02:43
Width and Height Attribute - 1:05:49
Crop Images - 1:08:40
Proper Path-1:12:07
Comments And Line Breaks - 01:15:37
External Links - 01:19:47
Internal Links - 01:23:32
Links Within Page - 01:25:53
Empty Links - 01:30:10
Sup And Sub Elements - 01:32:39
Strong And Em Elements - 01:34:39
Special Characters In Html - 01:37:02
Unordered Lists - 01:38:58
Ordered Lists - 01:41:25
Nested Lists - 01:42:18
Table Element - 01:43:57
Forms - Input And Submit Elements - 01:46:10
Forms - Textarea - Radio - Checkbox - 01:58:12
Prettier And Code Formatter - 02:09:40
Keyboard Shortcuts - 02:14:56
External Resources - Head Element - 02:26:06
Html Project Intro - 02:30:15
Project Setup - 02:32:16
Download Images - 02:35:17
Logo, Heading, Navigation - 02:39:02
Home Page Completed - 02:42:51
About Page - 02:54:30
Numbers Page - 02:58:09
Contact Page - 03:04:14
Resource Files - 03:09:11
Text Editor Setup - 03:09:42
Css Intro - 03:16:03
Workspace Setup - 03:17:35
Inline Css - 03:20:22
Course Resources - 03:23:40
Internal Css - 03:25:01
External Css - 03:28:00
Power Struggle - 03:39:40
Basic Css Syntax - 03:44:17
Element Selectors - 03:52:27
Grouping Selectors - 03:55:15
Id Selectors - 03:57:27
Class Selectors - 04:02:09
Id And Class Selector Summary - 04:06:17
Div And Span Elements - 04:08:30
CSS Inheritance - 04:16:44
More Info On Inheritance - 04:20:08
Last Rule, Specificity, Universal Selector - 04:22:30
Colors Intro - 04:27:33
Color And Background-Color Properties - 04:28:13
Color Names - 04:32:33
Rgb - 04:33:30
Rgba - 04:37:46
Hex - 04:44:33
Vs-Code Color Options - 04:50:58
External Resources - 04:52:57
Units Intro - 04:55:39
Pixels, Font-Size, Width, Height - 04:56:18
Percent Values - 05:02:13
Em Values - 05:05:44
Rem Values - 05:11:42
VH And VW - 05:14:41
Default Browser Syles - 05:19:14
Calc Function - 05:29:07
Typography Intro - 05:33:38
Font-Family - 05:34:07
Font-Stack Generic Fonts - 05:36:47
Google Fonts - 05:39:23
Font-Weight Font-Style - 05:46:00
Text-Align And Text-Indent - 05:53:30
More Text Properties - 05:56:52
Box-Model Intro - 06:04:31
Padding - 06:04:53
Margin - 06:13:28
Border - 06:19:01
Border-Radius, Negative Margin - 06:23:57
Outline Property - 06:27:24
Display Property Intro - 06:34:58
Display Property - 06:35:19
Basic Horizontal Centering - 06:43:26
Mobile Navbar Example - 06:48:11
Box-Sizing Border-Box - 06:58:29
Display Inline-Block - 07:06:46
Display:none, Opacity, Visibility - 07:09:29
Background-Image Intro - 07:16:20
Background Images Setup - 07:16:43
Background-Image-Property - 07:19:43
Background-Repeat - 07:27:45
Background-Size - 07:34:07
Background-Position - 07:36:58
Background-Attachment - 07:41:18
Linear-Gradients - 07:47:04
Background Image Shortcuts Combined - 07:56:49
Linear-Gradient Colorzilla - 08:06:56
Float Position Intro - 08:11:08
Float Property - 08:11:47
Float Property Column Layout Example - 08:19:18
Position Static - 08:25:59
Position Relative - 08:30:44
Position Absolute - 08:33:18
Position Fixed - 08:38:42
Media Quries - 08:42:30
Z-Index - 08:57:07
::Before And ::After Pseudo Elements - 09:06:04
Css Selectors Intro - 09:27:14
Basic Selectors - 09:28:26
Descendant Child Selectors - 09:31:07
First Line And First Letter - 09:35:50
:Hover Pseudo-Class Selector - 09:36:56
Link Pseudo-Class Selectors - 09:40:03
Root Preudo-Class Selectors - 09:44:36
Transform,Transition,And Animations - 09:51:01
Transform:transition() - 09:52:17
Transform:scale() - 09:58:52
Transform:rotate() - 10:01:20
Transform:skew() - 10:04:47
Transition Property - 10:06:31
Multiple Transition - 10:09:13
Transition Delay - 10:11:11
Transition-Timing Function - 10:16:36
Animation - 10:25:51
Animation-Fill-Mode - 10:35:51
Last Module Intro - 10:40:53
Css Variables - 10:41:32
Font-Awesome Icons - 10:56:19
Text-Shadow Box-Shadow - 11:07:55
Browser Prefixes - 11:14:44
Semantic Tags - 11:19:23
Emmet Workflow - 11:24:11