Collective #752
Inspirational Website of the Week: Cuberto
A truly well designed web experience that will surprise you with buttery smooth effects and stunning details. No doubt, our pick this week.
Get inspired
Our Sponsor
Developers and designers can finally collaborate for real
Penpot, the free and open-source design and prototyping tool, brings a revolutionary proposal at its official launch. It makes designers and developers share the same workspace; eliminates the hand-off, and it ensures ownership of designs with full commitment to open standards.
Looking for freedom? Try Penpot.
The Gooey Effects With Shaders
Misaki Nakano has written this excellent tutorial that demonstrates how to achieve the popular gooey effect using shaders, rather than relying on SVG filters.
Read it
Mini tutorial on making WebGL look good
Paul Henschel offers some very useful tips on making WebGL look great through techniques such as SRGB, Gamma, tonemapping, environment maps, and lighting.
Check it out
GSI Configurator
An amazing racing simulation steering wheel configuator made by Anderson Mancini.
Check it out
Clack
With Clack you can effortlessly build beautiful command-line apps. Made by Nate Moore.
Check it out
Creative Coding Club GreenSock lesson
A video and thread where you will learn how to create a SVG warp filter and animate it using GSAP.
Check it out
Improved font fallbacks
This article explores font fallbacks and APIs such as size-adjust, ascent-override, descent-override, and line-gap-override. These APIs allow the use of local fonts as fallback options that match the dimensions of a web font, reducing or eliminating layout shifts from font swapping.
grep.app
A new search engine that lets you search across a half million git repos, optionally using regular expression.
Check it out
TypeTrials
The Pangram Pangram Foundry has released this new tool that was designed for testing variable fonts. You can use it to test typefaces and create designs.
Check it out
The modern web’s underrated powerhouse
CSS has come a long way, but it still doesn’t get the attention JavaScript does. Klint Finley explains why you might want to give CSS another look:
Read it
SVG Confetti Generator
Free online SVG confetti generator that lets you create beautiful background confetti effects for websites and social media posts. Made by Jim Raptis.
Check it out
Try out CSS Nesting today
CSS Nesting has been implemented in Safari and Chrome, enabling developers to write more compact code in nested selectors, similar to Sass! Learn how it works and what you can do with it in this article by Jen Simmons.
Read it
Bing Chat API
A Node.js client for Bing's new AI-powered search. It's like ChatGPT on steroids.
Check it out
Forest
A very cool demo made by Hugo Wideal using Drei, React Three Fiber and Rapier for physics.
Check it out
Formulas for optical adjustments
This informative article explores the benefits of using formulas for optical adjustments, offering practical techniques for accurately determining the visual weight and alignment of different shapes.
Read it
Stable Attribution
A project that aims to help attribute artists whose works were used to create AI generated images.
Check it out
From our blog
Recreating Crosswire’s Reflective Grid with Three.js
Learn how to recreate the reflective grid and energy wave from Crosswire's website using Three.js.
Check it out
From our blog
Animate a Camera Fly-through on Scroll Using Theatre.js and React Three Fiber
A tutorial showing how to fly a camera through a 3D scene as the user scrolls using Theatre.js and React Three Fiber.
Check it out
From our sponsor
Build Faster, Impress More
Are you a WordPress freelancer? Then Divi is for you! Bring your ideas to life faster using Divi’s visual builder and its suite of productivity-boosting features.
Try it for free for 30 days