y17RuWkWdn8 javascript-dom-manipulation-in-18-minutes JavaScript | DOM Manipulation in 18 Minutes DOM manipulation is tough. There are lots of methods and techniques you need to master and it is not obvious which methods are best for each scenario. In this video I cover the 14 most important DOM manipulation methods that you need to know. 0fYi8SGA20k build-and-deploy-an-amazing-3d-web-developer-portfolio-in-react-js Build an Amazing 3D Web Developer Portfolio in React JS The most impressive websites in the world use 3D graphics and animations to bring their content to life. Learn how to build your own ThreeJS 3D Developer Portfolio today! 0fVymQ7SZw0 getting-started-with-variable-fonts-on-the-web Getting started with Variable Fonts on the Web Variable fonts are really awesome and open up some new doors for typography, so in this video I take a look at what they are, how they work, and how to use them on your websites. p3_xN2Zp1TY useful-responsive-layouts-no-media-queries-required Useful & Responsive Layouts| No Media Queries required Here’s 5 quick responsive layouts that you can use, without any media queries! There’s nothing wrong with media queries, and we still need them sometimes, but these can be really handy in the right situation! veEqYQlfNx8 kevin-powell-the-problems-with-viewport-units Kevin Powell | The Problems with Viewport Units Viewport units often feel like this cheat code that makes things so much easier when you first discover them, but they actually are problematic for a number of reasons. hWGgw1K-i8Y spice-up-your-site-easy-waves-angles-and-creative-shapes Spice up your Site | Easy Waves, Angles and Creative Shapes The web is made of boxes, and boxes are bland, boring, and all look the same. 2I7uX8m0Ta0 learn-web-components-in-25-minutes Learn Web Components In 25 Minutes React was the framework that really popularized component driven development, but they weren’t the first and are definitely not the only tool for creating components. owpaafxvkjU hover-if-you-dare Hover, If You Dare... Watch as I show you how to recreate the fancy hover effect from https://www.nathansmith.design dldpud1PuL8 create-a-cool-color-fill-animation-with-css Create a Cool Color-Fill Animation with CSS Recently someone asked me about the animations on https://arena.net and it turned out they were using mask-image to pull off this cool effect. The animation is easy enough to create, though creating the mask itself is a bit time-consuming! u0HTvSXNJmE can-chatgpt-write-decent-css Can ChatGPT write decent CSS? ChatGPT is all the rage these days, and people are even using it to write code for them, so I thought it'd be fun to see if it could write the CSS of a hero section of a website for me. rrLAg7xNERA responsive-css-will-never-be-the-same Responsive CSS Will Never Be The Same I cannot believe this is finally here. It has been a few years since container queries were talked about and introduced and now they are finally available in nearly every browser. Xc6G3oV24yE top-10-css-one-liners-that-will-blow-your-mind Top 10 CSS One Liners That Will Blow Your Mind In today's episode, I will show you some of my favourite CSS properties out there. These cool css tips and tricks will help you upgrade your website to the next level. This list contains some CSS tricks and properties that you may not know of. CQuTF-bkOgc the-best-of-css-tailwind-vs-mui-vs-bootstrap-vs-chakra-vs The Best of CSS | Tailwind vs MUI vs Bootstrap vs Chakra vs... UI libraries are important! I think about them a lot and I hope this video helps you think about them too. TailwindCSS, MaterialUI, Chakra, Bootstrap, Radix, React-Aria, Master.co, and more... OGJvhpoE8b4 i-never-thought-this-would-be-possible-with-css I never thought this would be possible with CSS The :has() pseudo-class is here, and while it’s often called the parent selector, it can actually do a lot more than that! nG2IyH43xMU have-i-found-the-perfect-website Have I found the perfect website? Watch as I show you how to recreate Dylan Brouwer's amazing website which uses the perfect combo of structure and creativity. RebA5J-rlwg learn-prisma-in-60-minutes Learn Prisma In 60 Minutes Prisma is an incredibly popular ORM and for good reason. It is feature rich, type safe, and built on modern JavaScript concepts. The only downside is it is quite complicated to learn at first which is where this video comes in. I will be teaching you everything you need to know to get up and running with Prisma in just 60 minutes. kMlkCYL9qo0 svelte-origins-a-javascript-documentary Svelte Origins | A JavaScript Documentary This Documentary tells the story of how Svelte came to be, what makes Svelte different, and how it changes the game as a JavaScript framework. Filmed in locations throughout Europe and the US, it features Svelte’s creator Rich Harris and members from the core community who contributed to making Svelte what it is today. 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! 7FFDSnqJcfk modern-javascript-basics Modern JavaScript Basics Whether you're migrating from older JavaScript knowledge, starting fresh, or have only ever reached for something like jQuery, this series is designed for you. 1L2hrG-7i2Y the-shocking-state-of-javascript The Shocking State of JavaScript Results from the 2021 State of JavaScript survey are in and the results may shock you. 4pJahmCR8kQ thinking-on-ways-to-solve-svg-favicon Thinking on ways to solve SVG Favicon In today's GUI Challenge, Adam Argyle shares thinking on a way to build an adaptive favicon with SVG. SVG not only delivers an infinitely scalable icon, it also allows inlining styles that can hook into CSS media queries like the light and dark preference queries. mxHoPYFsTuk this-simple-trick-makes-your-website-83-better-looking This Simple Trick Makes Your Website 83% Better Looking Parallax scrolling effects look awesome, but implementing them can be pretty tricky. In this video I will show you how to implement a parallax scrolling effect and most importantly I will explain how and why the effect works so you can create your own parallax scrolling effects. 7W4pQQ20nJg javascript-arrays-crash-course JavaScript Arrays | Crash Course Arrays are one of the most fundamental building blocks of JavaScript. sPbpElWAJ68 css-houdini-css-will-never-be-the-same CSS Houdini | CSS Will Never Be The Same CSS Houdini is a complete game changer for CSS. It allows you to do things that I never thought would be possible. You can write your own JavaScript to create custom CSS layout and background methods. You can also create your own custom CSS properties on top of many other features. Houdini will singlehandedly change CSS in a far greater way than even flexbox or grid could. 2KBHvaAWJOA the-new-vue-by-evan-you The New Vue by Evan You In this session, Evan You talks about the new Vue 3 experience: from new syntax to new docs, build tools, devtools, and TS/IDE. 8mv1HJgh6-o simpler-positioning-with-inset-and-auto Simpler positioning with inset and auto Inset with the auto keyword value is super useful, but it doesn't work the same way auto does with properties we're already familiar with, like margins. 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. -qfEOE4vtxE bootstrap-5-css-framework-full-course Bootstrap 5 | CSS Framework | Full Course Learn Bootstrap 5 in this full course for beginners. Bootstrap is the most popular CSS framework. It allows web developers to quickly design and customize responsive mobile-first sites. dhrX_biPH8c the-new-responsive-design The New Responsive Design Join us as we discuss the latest updates on UI styling, DevTools, and the evolution of responsive design. 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.