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