nZtg-xzhy0g css-view-transitions-will-change-web-design-in-2025 CSS View Transitions Will Change Web Design in 2025 Smooth transitions between pages and DOM states? The new ViewTransitionAPI makes it easy. 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. 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. 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". 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. owpaafxvkjU hyperplexed-hover-if-you-dare Hyperplexed | Hover, If You Dare... Watch as I show you how to recreate the fancy hover effect from https://www.nathansmith.design dldpud1PuL8 kevin-powell-create-a-cool-color-fill-animation-with-css-2022 Kevin Powell | Create a Cool Color-Fill Animation with CSS (2022) 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 kevin-powell-can-chatgpt-write-decent-css-2022 Kevin Powell | Can ChatGPT Write Decent CSS? (2022) 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. bAwEj_mSzOs hyperplexed-mind-blowing-animejs-staggered-grid-effect Hyperplexed | Mind-Blowing Anime.js Staggered Grid Effect Watch as I show you how to create a super cool staggered grid effect that was requested by a sub!