Collective #706
Publikováno: 7.4.2022
#100CoolWebMoments * Tweaking In The Browser * The Story of Next.js * Nitric * Yaade
The post Collective #706 appeared first on Codrops.

Inspirational Website of the Week: True Staging
A fantastic design with a smooth interaction experience, excellent typography and intriguing details.

#100CoolWebMoments
Take a scroll down memory lane and explore the coolest web moments by Chrome Developer.

New to the web platform in March
Discover some of the interesting features that landed in stable and beta web browsers during March 2022. By Rachel Andrew.

Infinite Mac: An Instant-Booting Quadra in Your Browser
Mihai Parparita has extended James Friend’s in-browser Basilisk II port to create a full-featured classic 68K Mac in the browser.

Amazing Spacecraft
A Vanilla JavaScript browser game where a spacecraft has to survive a journey through space.

Arno Di Nunzio — Freelance creative developer
The fantastic new website by Arno Di Nunzio with lots of 3D physics-based fun. Read more about it in his tweet.

Tweaking In The Browser
Ahmad Shadeed shares a few thoughts on why designing in the browser isn’t designing. It’s more of a tweaking process.

Performance Tool in Firefox DevTools Reloaded
Read all about the new version of the existing Performance panel that Firefox is shipping in the new version.

Yaade
Yaade is an open-source, self-hosted, collaborative API development environment.

John Beresford – Creative Developer
Another cool website made with the help of Bruno Simon’s Three.js course. By John Beresford.

The Story of Next.js
This is the story of how Next.js took over the world.

Exciting Times for Browsers (and CSS)
Michelle Barker shares her excitement about all the new features that will be available in browsers soon.

Nitric
Nitric is a framework for rapid development of cloud-native and serverless applications.

How to Use CSS Math Functions
The CSS logical functions calc(), clamp(), min() and max() are supported by all modern web browsers. This article shows how to use them.

How We Built r/Place
A super interesting article on how Reddit’s Place was built, a collaborative canvas on which a single user could only place a single tile every five minutes.

Range
A fun and creative way to use the range slider Made by Hakim El Hattab.

Checkbox Animations With Indeterminate State
A beautiful mirco animation with SVG checkboxes made by Jon Kantner.

How to Create Components in Svelte
Svelte, like most other frontend frameworks, works on the basis of creating components. Learn how to create components in Svelte.

AYOND
A very creative peel-off hover effect.

Mozilla’s vision for the evolution of the Web
Read about the Mozilla’s vision for the Web and how they intend to pursue that vision.

NFT.js
A JavaScript library to implement NFTs by Santhosh Reddy.

Lines to Content Layout Animation
A simple layout switch example where we go from a typography row view with inline images to a large image preview with more content.
The post Collective #706 appeared first on Codrops.