[CodePen Spark] A Great Year on the Front-End

[CodePen]

View this issue on CodePen A Great Year on the Front-End This edition of The CodePen Spark is sponsored by AWS Marketplace. Learn how gen AI can enhance code integrity and security in their free on-demand webinar. This is the last edition of The CodePen Spark for 2025! To celebrate a wonderful year of front-end innovation, we're taking a look at the new features that landed in Baseline 2025, the cutting-edge CSS properties and functions that are just beginning to emerge, and a little sneak peek at the CSS future on the horizon. See you in 2026! Strengthen code with gen AI‑powered analysis Gen AI is transforming software quality—automating test creation, expanding coverage, and detecting vulnerabilities through deep code analysis. Download this Amazon Web Services (AWS) webinar, Enhancing AWS code integrity: AI‑driven security and analysis, to explore how gen AI helps refine workflows, anticipate failures, predict performance bottlenecks early, and enhance security through intelligent scanning. You'll also learn how to use gen AI effectively while guarding against emerging threats. Watch now You will learn: How gen AI refines code based on developer feedback for Best practices for automated test generation using AWS and AWS Partner solutions. Strategies to improve code quality and reduce testing time. Real-world examples of successful gen AI implementation with DevOps tools available in AWS Marketplace. Webinar speakers

Dr. Mark Peters Ambassador, DevOps Institute Srimanth Tangedipalli Partner Solutions Architect, AWS

link CSS Wrapped 2025 The Chrome for Developers team wraps up a wonderful year of CSS with this delightful showcase, including tons of embedded Pens to play with. Don't miss the highlights reel on on YouTube! link Touring New CSS Features in Safari 26 At CSS-Tricks, Juan Diego Rodríguez gives us a look at the newly supported CSS features that landed in Safari 26, including anchor positioning, scroll-driven animations, and a new function, constrast-color(), that's Safari-only for the moment! link Thoughts on Native CSS Mixins At Frontend Masters, CodePen co-founder Chris Coyier gazes into the future of CSS and shares his thoughts and questions on how exactly CSS-native mixins might work. They're on the horizon! link CSS Tip by Temani Afif Temani Afif spent all of 2025 playing with and perfecting all of the new CSS features! The latest post on his terrific blog CSS Tip has a little bit of almost everything from the latest CSS menu: "Anchor Positioning, attr(), container queries, shape(), trigonometric functions". link State, Logic, And Native Power: CSS Wrapped 2025 "We’re entering a world where CSS can increasingly handle logic, state, and complex interactions once reserved for JavaScript." Brecht De Ruyte (utilitybend on CodePen) drills down into new CSS features in this article for Smashing Magazine that's loaded with excellent example Pens. video 11 New CSS Features Every Browser Supports in 2025 Franz Bernack showcases the fun new features that hit Baseline 2025 and are now supported in every modern browser in this 20 minute YouTube roundup. Check the video description for links to all the featured Pens. link Same-document view transitions When Firefox 144 came out in October, same-document view transitions officially joined the Baseline 2025 roster. Bramus from the web dot dev team gives us a rundown of the properties and selectors, plus a handy Pen for exploring browser support. pen CSS Custom Select In November, the CodePen Challenge community tried out cutting-edge CSS features like the ::picker pseudo-selector and base-select. Check out what they made in our collection, including an absolutely adorable cat select from Marcel. For even more examples, check out Una Kravets' Customizable Select collection.

You can adjust your email preferences any time, or instantly unsubscribe from emails of this kind. Need help with anything? Hit up support. Interested in sponsoring? Here's our sponsorship info.