HTML & CSS Tutorial
Source Code : www.johnsmilga.com
Products I Use:
Microphone - Shure SM7B - https://amzn.to/3fX55aD
Headphones - Shure AONIC 50 - https://amzn.to/3zbkxHC
Desk-Mounted Microphone Stand - https://amzn.to/3x3MBuS
Crossover - dbx 234s - https://amzn.to/3xcryGC
Audio Interface - Focusrite Scarlett 2i2 3rd Gen - https://amzn.to/3pt1wMx
Cheaper Microphone (My first mic) - Blue Yeti USB Mic https://amzn.to/3iliwTm
Blue Light Blocking Glasses - https://amzn.to/3fZASrv
Apple MacBook Pro 13.3" - https://amzn.to/3z5QDEK
iMac - https://amzn.to/3glWmOe
Second Monitor - LG 4K UHD 27UD88 - https://amzn.to/3ckdwdV
Wifi Router - TP-Link AC1900 - https://amzn.to/34ZSddz
Desk Chair - https://amzn.to/3ikNbQJ
Standing Desk - https://amzn.to/3zdKVAJ
Check out My Amazon Store for more 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!
Setup 00:00
Course Structure 02:13
Html 04:28
Chrome And Vs-Code Intro 07:14
Install Google Chrome 08:02
Install VS-Code 11:12
VS-Code Overview 13:01
Create A Project 17:10
First Webpage 19:34
Basic HTML Document Structure 24:22
Implement Page Structure 26:56
Live Server Extension 30:15
Word Wrap And Emmet 36:13
Headings 43:32
Paragraphs 47:41
White Space Collapsing 49:33
Lorem Ipsum 50:57
Image Basics 54:11
Multiple Images 58:00
External Images 1:02:21
Nice Images 1:05:46
Width And Height 1:09:49
Crop Images 1:13:10
Comments And Line Breaks 1:16:10
External Links 1:21:54
Internal Links 1:27:09
Same Page Links 1:31:43
Empty Links And Images As Links 1:38:06
Sup And Sub Elements 1:42:03
Strong And Em Elements 1:44:35
Special Characters 1:47:34
Unordered Lists 1:50:57
Ordered Lists 1:54:54
Nested Lists 1:55:58
Table Element 1:57:42
Forms - Input Elements And Submit Elements 2:00:34
Forms - Textarea, Radio,Checkboxes, Select 2:14:10
Prettier Code Formatter 2:25:46
Keyboard Shortcuts 2:30:53
Head Element And External Resources 2:41:08
Css Tutorial Intro 2:45:57
Workspace Setup 2:47:26
Text Editor Setup 2:50:46
Inline CSS 2:56:34
Internal CSS 3:00:40
External Css 3:03:03
Power Struggle 3:13:00
CSS Syntax 3:17:57
Element Selectors 3:25:32
Grouping Selectors 3:28:11
ID Selectors 3:30:13
Class Selectors 3:34:54
ID And Class Selector Summary 3:39:36
Div And Span Elements 3:41:29
Inheritance In CSS 3:49:28
Inheritance More Info 3:55:02
Last Rule, Specificity And Universal Selector 3:57:52
Colors Intro 4:07:32
Color And Background-Color Properties 4:07:59
Color Names 4:12:15
RGB 4:15:02
RGBA 4:21:29
HEX Values 4:31:14
VS-Code Color Options 4:37:23
External Resources For Colors 4:40:13
Units Intro 4:42:05
Pixels, Font-Size, Width, Height 4:42:34
Percent Units 4:48:17
EM Units 4:53:14
Rem Units 4:58:59
VH And VW Units 5:02:00
Default Browser Styles And Chrome Developer Tools 5:08:17
Calc Functions 5:20:21
Min-Height, Max-Height 5:27:21
Typography Intro 5:37:52
Font-Family 5:38:14
Font-Stack And Generic Fonts 5:40:51
Google Fonts 5:43:47
Font-Weight And Font-Style 5:50:36
Text-Align And Text-Indent 5:57:44
More Text Properties 6:00:44
Box-Model Intro 6:12:02
Padding 6:12:18
Margin 6:21:51
Border 6:28:40
Border-Radius And Negative Margin 6:35:09
Outline Property 6:39:48
Display Property Intro 6:49:00
Display Property 6:49:16
Basic Horizontal Centering 6:56:56
Mobile Navbar Example 7:01:13
Box-Sizing, Border-Box 7:13:59
Display Inline-Block 7:21:28
Display:none, Opacity, Visibility 7:25:01
Background Images Intro 7:33:36
Setup 7:34:26
Background-Images Basics 7:37:15
Background-Repeat 7:41:49
Background-Size 7:49:13
Background-Position 7:52:30
Background-Attachment 7:57:03
Linear Gradients 8:03:33
Background Image Overlay 8:16:27
Colorzilla 8:26:53
Float, Positions, Media Queries, Z-Index Intro 8:30:30
Float Property 8:31:10
Float Property Layout Example 8:36:42
Position Static 8:43:57
Position Relative 8:47:33
Position Absolute 8:51:12
Position Fixed 8:56:52
Position Sticky 9:00:58
Media Queries 9:05:43
z-index 9:22:19
::Before And ::After Basics 9:31:09
::after and ::before Example 9:38:52
Selectors Intro 9:54:41
Basic Selectors 9:55:33
Descendant And Child Selectors 9:58:35
First-Line And First-Letter Selectors 10:03:16
:hover Pseudo Class Selector 10:04:22
Link Pseudo Class Selectors 10:08:09
:Root Pseudo-Class Selector 10:12:42
Transition and Animation Intro 10:18:36
Transform:transition() 10:19:46
Transform:scale() 10:26:01
Transform:rotate() 10:28:39
Transform:skew() 10:32:23
Transition Property 10:34:15
Multiple Transitions 10:37:43
Transition - Delay, Shorthand, All Properties 10:40:05
Transition-Timing-Function 10:45:20
Animation 10:55:15
Watch video HTML & CSS Tutorial online without registration, duration hours minute second in high quality. This video was added by user Coding Addict 15 April 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 200,92 once and liked it 4.7 thousand people.