ElELqkwzcYM this-css-property-replaces-hundreds-of-lines-of-code This CSS Property Replaces Hundreds of Lines of Code I've been waiting 10 years for this property! 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! -mHx9MlXdIw new-in-chrome-125-css-anchor-positioning-and-more New in Chrome 125 | CSS anchor positioning and more Chrome 125 is rolling out now! With the CSS anchor positioning API, the Compute Pressure API, an expansion to the Storage Access API and there’s plenty more. Adriana Jara has all the details about what’s new for developers in Chrome 125. 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. 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! zx8OZtKe6hA whats-new-in-google-chrome-118-the-at-scope-css-rule-is-here What's New in Google Chrome 118 | The @scope CSS rule is here This latest release includes 20 security fixes, more Material You visual redesign changes continue rolling out for desktop, includes a new toggle for showing images on tab hover preview cards, Encrypted Client Hello support, Enhanced Safe Browsing with deep scan and Safe Browsing protection is now improved. 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. 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. 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. 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. KGMe4OyXYEc new-in-chrome-112-css-nesting-rules-and-more New in Chrome 112 | CSS Nesting Rules and more! Chrome 112 is rolling out now! cscwgzz85Og new-in-chrome-111-view-transitions-api-css-color-level-4-and-more New in Chrome 111 | View transitions API and more! Chrome 111 is rolling out now! Enabling devs to create polished transitions in your single page app with the View Transitions API, bring your colors to the next level with support for CSS color level 4, Checkout the new tools in the style panel to make the most of the new color functionality and there’s plenty more. 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. B4_vT99pBaM new-in-chrome-109-opfs-on-android-new-css-properties New in Chrome 109 | OPFS on Android, new css properties Chrome 109 is rolling out now! The Origin Private File System API is now available for Android, there is a set of new properties in CSS, you can easily add math notations in your HTML with the support for MathML core, and there’s plenty more. 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. 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. 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! n4R2E7O-Ngo css-full-course-for-beginners-11-hours CSS Full Course for Beginners | 11 Hours This CSS Full Course for Beginners is an all-in-one beginner tutorial and complete course full of over 11 hours of CSS code and instruction to level up your web development skills. h3mzFraS8CA new-in-chrome-99-css-cascade-layers-show-picker-and-more New in Chrome 99 | CSS Cascade Layers, Show Picker, and more! Chrome 99 is rolling out now! CSS cascade layers gives you more control over your CSS, and helps to prevent style-specificity conflicts. The showPicker method allows you to programmatically show a browser picker for input elements like date, color, and datalist. Version 100 of Chrome *and* Firefox is just weeks away. And there’s plenty more! 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. -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. CG__N4SS1Fc front-end-dev-reacts-to-amazing-css-only-codepens Front-end dev reacts to amazing CSS-only Codepens People say I'm the king, but like... yeah this stuff is insane! Make sure you check out the codepens below so you can see them all in more detail, all so amazing!