~frontendfocus | Bookmarks (4)

CSS in React Server Components — An exploration of compatibility issues between React Server Components and CSS-in-JS libraries like styled-components, including what some of your options are and what’s coming in future.

Folding the DOM — No, you can’t fold a DOM node in two, but Josh runs us through a neat technique to create a 3D letter folding effect using transform and perspective. It’s a React-specific tutorial, but the concepts would work in JS/CSS. The end result is slick, and you’ll learn something about 3D transforms and CSS animation along the way.

How To Center a Div — What was once a tricky ordeal in CSS is now much easier thanks to lots of new tools — but which one do you reach for? Flexbox, Grid, something else? Josh dives in, and shares the trade-offs between different approaches, and the strategies to use. He notes “this turned out to be way more interesting than I initially thought”....

10: The 'End' of Front-End Development — Another from Josh, this time addressing the rise of AI language models and how they may impact programming. Josh noted he was “much more optimistic about what these AI advancements mean for the future of software development”.