q1fsBWLpYW4 21-awesome-web-features-youre-not-using-yet 21 Awesome Web Features You’re Not Using Yet A breakdown of the most useful new features for web developers using HTML, CSS, and JavaScript. Learn about native dialog windows, WebGPU, CSS container queries, and more. 5a8NyGLlorI hyperplexed-i-gave-a-website-logo-superpowers Hyperplexed | I Gave a Website Logo Superpowers Watch as I show you how I gave the logo on https://careerpuck.com "superpowers". YnWPeA6l5UE kevin-powell-getting-started-with-css-nesting Kevin Powell | Getting Started with CSS Nesting Nesting has landed in native CSS, and with Firefox gaining support for it, it is now supported in all the major browsers! -pDPASqX97w how-to-create-this-unbelievable-css-scroll-animation How To Create This Unbelievable CSS Scroll Animation I was recently challenged on Twitter to recreate this amazing scroll based animation, and it was so fun. DeHRDNRQhNg this-website-theme-hasnt-been-perfected-since-1996 This Website Theme Hasn't Been Perfected Since 1996 Watch as I show you how to recreate a masterfully executed magic wand effect from https://diagram.com. z9FeTl5eq9E this-is-why-you-cant-learn-web-dev This Is Why You Can’t Learn Web Dev Learning web development is hard and it has only been getting harder and harder each year. q1fsBWLpYW4 21-awesome-web-features-youre-not-using-yet 21 Awesome Web Features You’re Not Using Yet A breakdown of the most useful new features for web developers using HTML, CSS, and JavaScript. Learn about native dialog windows, WebGPU, CSS container queries, and more. ywtkJkxJsdg the-new-dialog-html-element-changes-modals-forever The New Dialog HTML Element Changes Modals Forever Modals have been a part of web development for decades now, but they have always been a bit of a pain to work with. lHZwlzOUOZ4 fireship-tailwind-css-is-the-worst Fireship | Tailwind CSS is the Worst… People have been debating the merits of Tailwind on twitter recently, so let's look at the pros and cons of this popular CSS library. PkADl0HubMY award-winning-animation-with-only-20-lines-of-css Award Winning Animation With Only 20 Lines Of CSS? Watch as I show you how to recreate the sliding image track effect from https://camillemormal.com. CvwbinzWSgs html-tags-you-might-have-missed-and-can-use-right-now HTML Tags you might have Missed and can use Right Now Today, we'll talk about plain old HTML. I get it: you learned HTML years ago. But since then, countless new HTML tags have been introduced that you might have missed. In this Larabit, we'll discuss six tags that you can use right now. Many of them offer native control-like behavior for free. TAB_v6yBXIE use-dialog-for-the-easiest-way-to-make-a-popup-modal Use Dialog for the Easiest Way to make a Popup Modal Ever needed to make a modal? Well, we have a native HTML element that does the job with the dialog element! It does a lot of things out of the box that are really awesome, so let’s see how it works! mJgBOIoGihA html-full-course-for-beginners-4-hours HTML Full Course for Beginners | 4 Hours This HTML Full Course for Beginners is an all-in-one beginner tutorial and complete course full of just over 4 hours of HTML code and instruction to help you learn web development skills. 2IbRtjez6ag learn-intersection-observer-in-15-minutes Learn Intersection Observer In 15 Minutes Intersection Observer is an amazing tool in JavaScript that allows you to easily and efficiently do pretty much anything based on the visibility of elements. HJ0-fUJ-2F0 5-important-html-concepts-for-beginners 5 important HTML Concepts for Beginners Semantic design is awesome, it just means using HTML elements for their intended purposes, not forcing block elements to be inline elements, then using CSS correctly as well, once optimized, then using JavaScript frameworks to insert content kept in databases somewhere. Jgst0rihJ3o simple-javascript-game-dev-project Simple JavaScript Game Dev Project Flappy Bird is the perfect beginner game dev project since it is incredibly easy to build. This video will explore all the more important game dev concepts you need to understand and also covers many JavaScript specific concepts that most tutorials get wrong. 2v3CWM5FmHs fastest-way-to-be-a-master-web-dev Fastest way to be a MASTER web dev?? I am always asked how to learn or master something as fast as possible, so in this video I look at my tips for learning, and how starting slowly can pay off in big ways as you keep learning. XiQ9rjaa2Ow html-crash-course-in-30-minutes HTML Crash Course In 30 Minutes In this web development crash course codeSTACKr will cram in as much about HTML as possible in about 30 minutes. If you are interested in learning HTML but know nothing, then you are in the right place. codeSTACKr will be creating a cheat sheet with all o bJiIzz8mFMs visual-studio-code-html-css-js-tips Visual Studio Code: HTML, CSS & JS Tips These are the top reasons I love VS Code! UB1O30fR-EE html-crash-course-for-absolute-beginners-2017 HTML Crash Course For Absolute Beginners (2017) In this crash course I will cram as much about HTML that I can. This is meant for absolute beginners. If you are interested in learning HTML but know nothing, then you are in the right place.