CaptionsMaker
.com
HTML & CSS Tutorial
Edit Subtitles
Download Subtitles
SRT
TXT
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