Web Development

Scrollama is a library for doing so called ‘scrollytelling’ where scroll position affects the presence of certain elements in the viewport.

This article focuses on Web Performance best practices. Optimising image performance does not replace accessibility: attributes like alt are essential and are out of scope for this guide.

Fresh from the creator of React Scan and React Grab, a new tool that scans your codebase and gives you a 0-100 score

React, React Native, and JSX are now owned not by Meta, but by an independent foundation hosted by the Linux Foundation.

📺 < A private by default, faster and cleaner YouTube embed component for React applications />

Ant Design - an enterprise-class UI design language and React UI library

🧻 These changes aren’t just about cleaning up the useEffect/fetch mess. It’s about building a much better React that finally acknowledges async as a first-class concern. 😡 These patterns mean that the code your team writes is easier to reason about and maintain. The framework is handling more. The UI is snappier because it’s updating on demand. And you are leveraging more of the underlying framework to give your application a modern feel with smooth animations.

By bringing AI into the browser, right where your code runs, it makes debugging and layout checks feel smoother and more natural. You’ll still use Chrome DevTools for deep performance work, but Atlas fills the everyday gaps like the quick fixes, tests, and tweaks that take up most of your time. Start with Ask ChatGPT for small wins, then try agent mode as you get comfortable, and you’ll notice how fast, smart, and more enjoyable your frontend work becomes.

By bringing AI into the browser, right where your code runs, it makes debugging and layout checks feel smoother and more natural.