I came across Greg Isenberg's website and I'm really curious about how it was made. Specifically, I'd love to know how they achieved that grid layout with all the individual squares. It looks like a game! Can anyone explain the techniques or technologies used to create such an effect?
2 Answers
This website uses a combination of CSS Grid for layout and HTML5 Canvas for its interactive elements. If you take a look in the DevTools, you'll see that the isometric squares are created using CSS transforms, which help with the skew effect and layer positioning. It's a neat way to see the grid structure in action!
The design is likely achieved using libraries like three.js, which simplifies the process of setting up 3D models and effects. It’s all about using the right tools to create those engaging visuals and interactions.
Thanks for the tip! I’ll check out three.js. Do you think it's beginner-friendly?