Codrops·1yMastering Carousels with GSAP: From Basics to Advanced Animation
Learn how to build and enhance carousels using the GreenSock Animation Platform (GSAP). This comprehensive guide covers everything from basic implementation with HTML and CSS to advanced animation techniques, including seamless loops, 3D transitions, parallax effects, and draggable interactions. Ideal for frontend designers and developers, the article offers practical examples to boost functionality and visual appeal.
Codrops·1yBuilding a Fully-Featured 3D World in the Browser with Blender and Three.js
Explore the process of building an immersive 3D world in the browser using Blender and Three.js. Learn the creative and technical steps involved, from conceptualizing scenes to blocking, sculpting, and adding materials. Discover tips for optimization, texturing, and exporting assets to ensure your web-based 3D environment performs efficiently and looks stunning.
Codrops·1yNative Design Tokens: The Foundation of Consistent, Scalable, Open Design
Design tokens are a method to define and reuse design decisions like colors, typography, and spacing in a consistent way across design and development teams. Penpot's native support for design tokens allows for integrated management directly in design files, benefiting designers, developers, and larger systems by ensuring consistency, improving efficiency, and simplifying updates. Key features of Penpot's design tokens include native platform integration, open standards compliance, component awareness, and support for various types and math operations.