HTML & CSS Tutorial

Title:

Description:

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

YouTube url:	https://youtu.be/-8ORfgUa8ow?list=PLnHJACx3NwAdT_8forzXYvx0o4A2VnoHX
Created:	30. 11. 2021 16:03:47

CaptionsMaker.com

HTML & CSS Tutorial