Collective #730

Inspirational Website of the Week: WONDERLAND
A beautifully immersive web experience with fantastic effects. Our pick this week.
Check it out
Your source for candid chats on tech, business and leadership
Hear from Postlight’s senior leadership each week as they dive into everything from running great executive meetings to creating successful product launches.
Listen Now
Penpot
Penpot is the first Open Source design and prototyping platform meant for cross-domain teams.
Check it out
What’s New With Forms in 2022?
Browsers are constantly adding new HTML, JavaScript and CSS features. Here are some useful additions to working with forms that you might have missed./p> Read it

First Batch of Color Fonts Arrives on Google Fonts
Read how you can customize color palettes, add gradients, and more with COLRv1.
Check it out
Randomness in CSS
Kacper Kula shows how to emulate randomness in CSS.
Read it
GLSL Image Transitions
Some fun WebGL & GLSL image transitions coded by Michal Zalobny.
Check it out
Hackers Mind Map
A simple, fast, keyboard-centric terminal-based tool for working with mind maps.
Check it out
Building a Web View of a Public Google Drive Folder
Learn how to use Pipedream and Alpine to build a web-based front end to a Google Drive folder.
Read it
Content Parser Website
With this tool you can extract markdown, HTML or text from content-heavy websites.
Check it out
Token CSS
Token CSS is a new tool that seamlessly integrates Design Tokens into your development workflow.
Check it out
Speedy CSS Tip! Animated Loader
Learn how to make an animated CSS loader with scoped custom properties and animation-timing-function in this article by Jhey Tompkins.
Check it out
Atkinson Hyperlegible Font
A new typeface for greater legibility and readability for low vision readers.
Check it out
create-t3-app
A quick way to start a new web app with full stack typesafety.
Check it out
How to (not) make a button
Tomas Pustelnik shows how to properly turn a div into a button.
Read it
MVP.css
MVP.css has no classes, no framework. A minimalist stylesheet for HTML elements.
Check it out
Ladybird: A new cross-platform browser project
Learn about the Ladybird browser, based on the LibWeb and LibJS engines from SerenityOS.
Check it out
Coroot
A monitoring and troubleshooting tool for microservice architectures.
Check it out
Generative AI: A Creative New World
Great article and overview of generative AI capabilities and applications.
Read it
DiffusionBee - Stable Diffusion GUI App
DiffusionBee is the easiest way to run Stable Diffusion locally on your M1 Mac.
Check it out
Menu to Grid Layout Animation
A simple layout animation where the thumbnails of a menu row animate to their position in a content preview grid.
Check it out