9JZHodNR184 building-the-new-facebook-with-react-and-relay Building the New Facebook with React and Relay Ashley and Frank discuss some of the technologies and strategies powering FB5, the new facebook.com. Topics covered include Facebook's approach to CSS-in-JS, data-driven dependencies, phased code downloading, and more. JY0FN71vCbw the-css-display-property-is-changing-forever The CSS Display Property is Changing Forever The display property has been around since the dawn of CSS, but the purpose of this property has changed drastically since the introduction of flexbox and grid. In this video I will teach you the new way to use the display property as well as what this means going forward for CSS. A89FMtIkWKc css-just-changed-forever-7-new-features-you-dont-know CSS Just Changed Forever | 7 New Features You Don't Know CSS just got a brand new official logo. Let's take a look at some of the coolest new features available to HTML and CSS programmers in 2024. oXSFwix7eR8 modern-css-for-sites-view-transitions-and-scroll-effects Modern CSS for Sites | View Transitions and Scroll Effects Join Adam Argyle as he walks you through how to spruce up an e-commerce page with container queries, popovers, view transitions, scroll driven animations, and much more! vmDEHAzj2XE kevin-powell-transition-to-and-from-display-none Kevin Powell | Transition to and from display: none We can now Transition to and from display: none wIyHSOugGGw code-bootcamp-every-react-concept-explained-in-12-minutes Code Bootcamp | Every React Concept Explained in 12 Minutes Every React Concept Explained in 12 Minutes 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. VrQRa-afCAk project-management-app-with-laravel-11-react-full-and-inertia Project Management App with Laravel 11, React Full and Inertia In this video you're going to learn how to build single page applications with Laravel 11 and React by building this awesome project management website. In my opinion this is the perfect project if you want to learn how to take these two technologies: Laravel 11 and React and learn how to build awesome applications. v07gXY6ESEo web-dev-simplified-new-react-19-changes-are-amazing Web Dev Simplified | NEW React 19 Changes Are Amazing! It has been quite awhile since React 18 and there have been a ton of experimental features added to React since then. 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! 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. 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. ZbX4Ok9YX94 fullstack-discord-clone-nextjs-13-react-socketio-prisma Fullstack Discord Clone | Next.js | React | Socket.io | Prisma In this 11 hour tutorial you will learn how to create an end-to-end fullstack and real-time discord clone, all with servers, channels, video calls, audio calls, editing and deleting messages as well as member roles. 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". PjYWpd7xkaM build-an-ai-companion-saas-with-react-stripe-prisma-mysql-tailwind Build an AI Companion SaaS | Next.js | React | Stripe | Prisma In this comprehensive tutorial, we'll explore the intricate details of building an advanced SaaS AI Companion using Next.js 13. ffJ38dBzrlY build-a-saas-ai-platform-with-nextjs-react-and-tailwind Build a SaaS AI Platform with Next.js, React and Tailwind In this video, we dive deep into crafting a state-of-the-art AI SaaS Platform with five AI tools. Powered by the Next.js 13 App Router, our platform will not only be efficient but also user-centric. 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. 5miHyP6lExg full-stack-e-commerce-cms-with-prisma-nextjs-react-tailwind Full Stack E-Commerce CMS with Prisma, Next.js, React, Tailwind In this video, we will put a special emphasis on the Next.js 13 App Router, which is the latest addition to the Next.js framework. 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. VkezQMb1DHw high-school-student-makes-react-a-million-times-faster High-school Student Makes React a Million Times Faster Million.js is a React library that can improve rendering performance by bypassing the virtual DOM. It is inspired by blockdom and other popular JavaScript frameworks like Solid and Svelte pUNSHPyVryU build-a-modern-nextjs-13-application-with-react Build a Modern Next.js 13 Application with React The demand for Next.js 13 applications peaked! Now is the perfect time to build a state-of-the-art modern application that utilizes all of the latest and greatest of what Next 13 has to offer, leveraging features such as server-side rendering and the app router. 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. 2aeMRB8LL4o full-stack-spotify-clone-with-nextjs-react-stripe-and-tailwind Full Stack Spotify Clone with Nextjs, React, Stripe and Tailwind In this comprehensive tutorial, you'll learn how to develop a complete music streaming application from scratch, replicating the popular features and functionalities of Spotify. 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. PGPGcKBpAk8 real-time-messenger-clone-prisma-nextjs-react-tailwind Real-Time Messenger Clone: Prisma, Next.js, React, Tailwind Master the art of building a real-time Messenger clone using the latest web development technologies. In this comprehensive tutorial, we'll walk you through the process of creating a fully-functional and visually stunning chat application that rivals the best in the industry. 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.