Collective #730

Inspirational Website of the Week: WONDERLAND
A beautifully immersive web experience with fantastic effects. Our pick this week.
Check it out

This content is sponsored via BuySellAds
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

From Our Blog
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