uuOXPWCh-6o fireship-css-grid-in-100-seconds Fireship | CSS Grid in 100 Seconds Learn the basics of CSS Grid in 100 seconds. Grid is a powerful tool that can build layouts in the context of columns and rows. It's not easy to learn, but can dramatically simplify CSS positioning code for responsive designs. Ns12ALe8aqI kevin-powell-how-to-take-control-of-flexbox Kevin Powell | How to Take Control of Flexbox If you really want to take control of Flexbox, check out my course Flexbox Simplified. LB8KwiiUGy0 nodejs-the-documentary-an-origin-story Node.js | The Documentary | An origin story Back in 2008, most people thought of JavaScript as just a client-side language. But when Google's V8 appeared, young developer Ryan Dahl made the connection between non-blocking servers, V8, and JavaScript. It was by combining these key elements that he was able to create the now hugely popular Node.js. RPa3_AD1_Vs fireship-this-ui-component-library-is-mind-blowing Fireship | This UI component library is mind-blowing Let's explore a free open-source UI library that replicates advanced animations found on the landing pages of top-tier startups. Learn how to code advanced components in React and other JavaScript frameworks. vFW_TxKLyrE fireship-expo-in-100-seconds Fireship | Expo in 100 Seconds Learn the fundamentals of React Native development in Expo in this quick breakdown. With Expo, we can build apps for iOS, Android, and the web from a single JavaScript codebase. duNEnLUxie8 web-dev-simplified-8-new-javascript-2024-features Web Dev Simplified | 8 NEW JavaScript 2024 Features JavaScript is constantly evolving with new features being added yearly. In this video I am going through 8 new features that are being added to JavaScript in 2024 or will hopefully be added in 2024. Some of these features are real game changers. jCd6XfWLZsg top-6-tools-to-turn-code-into-beautiful-diagrams Top 6 Tools to Turn Code into Beautiful Diagrams Covering topics and trends in large-scale system design, from the authors of the best-selling System Design Interview series. LGRogkgRrOs keeping-up-with-css-the-features-released-in-2023 Keeping up with CSS | The features released in 2023 People ask me how I keep up with CSS and all the new features coming out... instead of worrying about how I do it though, I figured I'd do a recap of all the new stuff so you don't have to go hunting for it! U6s2pdxebSo typescript-origins-the-documentary TypeScript Origins | The Documentary TypeScript Origins: The Documentary features core contributors like Anders Hejlsberg, Daniel Rosenwasser, Ryan Cavanaugh, Luke Hoban, Amanda Silver, Matt Pocock, Josh Goldberg & many more! coidqLlYgoo new-in-chrome-117-css-for-smooth-entry-exit-animations New in Chrome 117 | CSS for Smooth Entry & Exit Animations Chrome 117 is rolling out now! With three new CSS features that make it easy to add smooth entry and exit animations, array grouping to compute higher order datasets, devtools makes local overrides easier and there’s plenty more. 5ChkQKUzDCs fireship-big-projects-are-ditching-typescript-why Fireship | Big projects are ditching TypeScript… Why? Why are some big open-source projects like Turbo and Svelte dropping TypeScript in favor of vanilla JavaScript? Learn about the pros and cons of TypeScript B4Y9Ed4lLAI css-anchor-is-the-best-new-css-feature-since-flexbox CSS Anchor is The Best New CSS Feature Since Flexbox I cannot believe this is a feature coming to HTML/CSS. JugpQeXCDKY hyperplexed-i-fired-a-css-cannon-at-a-famous-streamer Hyperplexed | I Fired a CSS Cannon at a Famous Streamer Watch as I show you how I fired a metaphorical CSS Cannon at Ludwig. By this I mean that I recreated an effect from his video using CSS. 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". ETV17M4SauU nextjs-and-appwrite-full-stack-course-for-beginners Next.js and Appwrite | Full Stack Course for Beginners Learn Next.js by building a custom API with MongoDB using the latest app router. 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. CLkxRnRQtDE keynote-tailwind-connect-2023 Keynote | Tailwind Connect 2023 The keynote from Tailwind Connect 2023, our first-ever live event that took place on June 20th, 2023, featuring presentations from Adam Wathan, Sam Selikoff, and Steve Schoger. 3Ay6qZ88boI php-will-make-you-poor-stackoverflow-2023-results PHP Will Make You Poor? | StackOverflow 2023 Results Let's breakdown the StackOverflow survey results to determine the best and worst programming languages of 2023. 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. hJ7Rg1821Q0 web-dev-simplified-how-to-load-images-like-a-pro Web Dev Simplified | How To Load Images Like A Pro Images are the largest asset for most sites and the biggest cause for unresponsive, laggy sites. 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. srzsj3xtHMM lukas-top-10-css-features-you-should-know-and-use-in-2023 Lukas | Top 10 CSS Features You Should Know and Use in 2023 This video is about the Top 10 CSS Features you should know and use in 2023. I'm pretty sure that you don't know all of them - but you definitely should. They will help you to write better code. 10Yt5vRimNI nextjs-server-actions-change-everything-about-react Next.js Server Actions Change Everything About React I have been waiting 6 months for Next.js to announce how they plan to handle mutations and it is finally here with server actions. 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. 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.