"There's something mesmerising about factory automations, so I wanted to create something inspired by it. The challenge was in figuring out how the boxes would interact in different ways with each other, with the conveyor belts and the pneumatic tubes." From Masahito Leo Takeuchi.

AI is transforming how software is built and delivered, but speed without strong platform controls can increase risk. This AWS-sponsored Harvard Business Review Analytic Services whitepaper outlines four critical pillars for using AI safely to accelerate delivery. Download now.

In the final week of the March "Front-End Opposites" challenge, we worked with Opposite Directions. Check out our collection from week 4, including Pens by ol-ivier, WebRuin, wpgmb, and ikrprojects. Our next challenge starts on the first Monday of April. Sign up to get notified!

"Practicing with TSL, a relatively simple "magic crystal" geometry with a couple of different surfaces. The main one, to provide astructure, and then a second one on top, set to additive blending and raymarched from back to front to provide an illusion of depth." From Liam Egan.

Turn long investigations into quick fixes with Loom’s AI-powered bug reports and instant Jira updates. Skip the recaps and context-switching. Loom's AI-powered bug reports send critical updates to Jira, so you can get to the fix faster.

Simon Coudeville uses CSS trigonometric functions to keep the drop shadow in the right place no matter where the element rotates to. Drag the slider to see the mathe-magic.

Raymond Camden writes about how he used the Bluesky API to build a web app that pulls up all of an account's followers and sorts them by popularity. He launched it as a deployed 2.0 Pen so you can give it a spin!

Spend 5 minutes with Kevin Powell to up your @keyframes animation game with three handy tips. Don't forget to check out the Pen, too!

David Aerne zigzags through the RGB channels and creates a mesmerizing animation, demonstrating a tidy JS mathematics formula that's one of his StackOverflow "oldies but goodies".

Vivi Tseng recreates a Dribbble shot by Mollie Starr complete with sunlight & shadows for this responsive drag & drop card demo.

Jon Kantner takes inspiration from a gif by motion graphic design legend Dave Whyte for this JavaScript tesseract-shaped particle animation that sure seems right at home on CodePen.

mandynicole's CSS paperlike creation includes a corner fold revealing a dotted blotter with clip-path: shape(), plus a little scoop of corner-shape on the other 3 corners.