CSS-Tricks·1yCSS Carousels
Chrome 135 introduces new features for creating carousel UI patterns, including scroll buttons and scroll markers as defined in the CSS Overflow Module Level 5 specification. This post provides step-by-step notes on implementing these features using CSS Grid and Scroll Snapping. It also covers adding scroll buttons and markers, their styling using pseudo-elements, and the functionality they bring for free, such as improved user experience and accessibility.
David Heinemeier Hansson·1yDon't make Google sell Chrome
Google's potential sale of Chrome, due to ad-market monopoly charges, could harm the web by empowering closed platforms like iOS and Play Store. Chrome's success stems from innovation, not acquisition, and it plays a crucial role in web advancements. Losing Chrome's development could stagnate the web and benefit proprietary platforms. Continued investment in Chrome is vital for maintaining its value and keeping the web open and competitive.
Community Picks·1yGitHub - addyosmani/recorder: 📹 Record is an open-source web app to record screen and camera directly in your browser
Record is an open-source web app that lets you record your screen and camera directly in your browser without any downloads or installations. It supports screen-only, screen-and-camera, or camera-only modes, and features a picture-in-picture view, customizable camera shapes, a built-in teleprompter, and MP4 conversion. It works specifically with Chrome and Chromium browsers and prioritizes privacy by keeping all recordings local.
LogRocket·1yWe can finally move elements in the browser with the moveBefore() API
The newly announced moveBefore() API enables developers to easily reposition DOM elements while preserving their state, which is especially valuable for web applications with complex animations. Chrome 133+ currently supports this API, but it is anticipated to be adopted by other browsers like Safari and Firefox in the future. The moveBefore() API offers advantages over traditional methods like appendChild() and insertBefore() that require removing and reinserting elements, often leading to state loss.
Chrome Developers·1yChrome for Developers
Chrome 135 introduces several new features including CSS carousels, the command and commandfor attributes for improving button functionality, and the CSS shape() function for defining shapes in clip-path and offset-path properties. Other updates include support for the Web Speech API, Float16Array, and the Observable API.
