Collective #749
Inspirational Website of the Week: Crosswire
With its amazing background animation and sharp typography, Crosswire will capture any designer's heart.
Get inspired
Our Sponsor
High-quality fonts for your next project
If you're looking for the perfect font for your next project, TanType offers a great deal of getting 3 fonts of your choice at a reduced price.
Check it out
Refraction, dispersion, and other shader light effects
A guide by Maxime Heckel on how to reproduce a chromatic dispersion effect for your React Three Fiber and shader projects with FBO, refraction, chromatic aberration, specular, and other tricks through 9 interactive code playgrounds.
Check it out
Bloom is More Complicated Than You Think
In this video, SimonDev covers various modern techniques for achieving the Bloom effect, including Kawase's Blur Filter, box and gaussian blurs, and separable filters.
Watch it
Case Study: ATMOS
A very interesting case study of the Three.js powered Atmos project made by the creative agency LEEROY.
Check it out
Vento
Vento is a screen recorder extension that lets you rewind and re-record in case you made a mistake.
Check it out
Optimize Time to First Byte
Learn how to optimize for the Time to First Byte metric in this article by Jeremy Wagner.
Check it out
OpenJourney
OpenJourney is a Text-to-Image AI model which has the goal of bringing an open source equivalent to Midjourney to the people. It is currently based on prompthero/midjourney-v4-diffusion and is under further developments by Muhammadreza Haghiri to get closer results to Midjourney AI.
Check it out
For your next side project, make a browser extension
Geoffrey Litt shares a story of a side project he's made and writes why browser extensions are an amazing platform for customizing existing software.
Read it
Kodemo
Kodemo by Hakim El Hattab is now open source! It lets you write technical documentation and code tutorials in a format that is intuitive and fun to read. It's perfect for walking readers through changes to code, images and more.
Check it out
Logggos
Logggos is a fantastic place to find inspiration for great logos. You can sort logos by industries, themes, typography style, branding color and more.
Check it out
Plus
With Plus you can easily build dashboards, connect apps, and share data without sharing logins.
Check it out
Greater styling control over type with 'initial-letter'
An overview of the new CSS property initial-letter for more styling control over the first letter. By Stephanie Stimac.
My talk on CSS runtime performance
Nolan Lawson shares his talk on CSS performance he held a few months ago at performance.now in Amsterdam.
Check it out
PHP in 2023
An inishgtful article on the recent developments in PHP and how the current ecosystem looks.
Read it
::backdrop doesn’t inherit from anywhere
Kilian Valkhof shares his experience with the unpleasent behavior of ::backdrop that doesn't seem to inherit its styles which means that CSS custom properties added to :root won't work for it.
Read it
Kody Tools
Made by Kody Z Berns as a side project: A hub of online tools such as code formatters, code minifiers, converters, calculators, hash generators, text generators, encoders, decoders.
Check it out
Hello, PNG!
David Buchanan is fulfilling his role as a PNG evangelist, spreading the joy of good-enough lossless image compression to every corner of the internet.
Read it
From Our Blog
Rotating Twisted 3D Typography with Three.js and Shaders
A brief exploration into how to twist and rotate text in 3D using Three.js and Shader magic.
Check it out
From Our Blog
UI Interactions & Animations Roundup #28
Unlock your creativity with this latest collection of Dribbble shots featuring fresh animation and motion design inspiration.
Check it out
From Our Blog
Crafting a Dice Roller with Three.js and Cannon-es
This tutorial will guide you through the process of creating a 3D dice roller using Three.js and Cannon-es.
Check it out