Hello guys, Welcome to Africa's Largest Video Search Engine, and you are watching HTML5 and CSS3 From Scratch with VS-CODE. and this video is uploaded by Coding Addict at 2019-02-24T20:30:41-08:00. We are just promoting this video only for entertainment and educational purpose only. I hop you like our Video Search Engine. [V5rIPKzcX7Q]
| Name | HTML5 and CSS3 From Scratch with VS-CODE |
| Video Uploader | Video From Coding Addict |
| Upload Date | This Video Uploaded At 25-02-2019 04:30:41 |
| Video Discription | 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 [V5rIPKzcX7Q] |
| Category | Education |
| Tags | html and css tutorial for beginners | css | html | css tutorial for beginners | html tutorial for beginners | coding addict | html tutorial | html5 and css3 | codingaddict | html css tutorial | html5 css3 tutorial for beginners | html and css tutorial | css tutorial | brackets css tutorial | html5 | css3 | html5 tutorial | html5 tutorial for beginners | html5 and css3 tutorial for beginners | visual studio code | visual studio code text editor | html projects | html and css projects |
