Collective #730

Inspirational Website of the Week: WONDERLAND

A beautifully immersive web experience with fantastic effects. Our pick this week.

Check it out

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