Collective #704
Publikováno: 24.3.2022
CodeEdit App * CodeSandbox Projects * Lapce * Building a Heatmap Chart Component
The post Collective #704 appeared first on Codrops.
Inspirational Website of the Week: Land of Ride
A lovely card based design with a retro touch and excellent typography.
Shortcut brings the flow to your software team’s workflow.
All of your development work easily flows through Shortcut, from coding to review to release, and then to the bug fixes that inevitably follow.
Announcing CodeSandbox Projects
Learn all about CodeSandbox Projects, a complete rewrite of CodeSandbox from the ground up.
CodeEdit App for macOS
A fantastic project in development: Building a free, open-source code editor for macOS.
Toggle 3D
A very creative 3D toggle demo by Adir
Lapce
Another code editor project: a modern open source code editor in Rust.
React Arborist
A sortable, virtual, customizable tree component for React.
Building a Heatmap Chart Component
Learn how to code a heatmap chart like those seen in Github or Google Analytics.
How to use undocumented web APIs
Julia Evans gives some advice on how to use use “secret” undocumented APIs.
Scout
This awesome site of Scout has Bruno Simon written all over it! Fantastic Three.js work! Don’t miss his free masterclass here on Codrops.
AgnosticUI
In case you didn’t know about it: UI components you can use across multiple projects.
Cirrus CSS
The SCSS framework for the modern web. It’s component based, customizable, and completely open source. By Stanley Lim.
Byte City Nights – A Bitwise Cityscape Generator
Frank Force shares his generative abstract cityscape generator.
Pure CSS Mario 64 – 3D – No JavaScript!
CSS magician Ben Evans pulled off an incredible demo: an interactive 3D Mario with only CSS! Note that Safari can’t handle this coolness. Don’t miss the making-of video.
When or If
Eric Meyer on the fascinating debate about how to name a conditional structure.
Awesome TUIs
List of projects that provide terminal user interfaces.
Instantly create a GitHub repository to take screenshots of a web page
Simon Willison shares shot-scraper-template, a GitHub repository template for taking automated screenshots of a web page.
Maps Test Tool
Francesco Michelini shares a simple tool to quickly test his maps in a standalone environment.
RP2040 Doom
The Making of RP2040 Doom, a fully-featured Doom port for the Raspberry Pi RP2040 microcontroller.
Metarank
Still in the early stage of development: Metarank is a low-code Machine Learning tool that personalizes product listings, articles, recommendations, and search results.
Yuga Labs
A really cool website with some nice pattern interactivity made by the folks of Antinomy Studio.
Diskernet
DiskerNet (codename PROJECT 22120) is an archivist browser controller that caches everything you browse, a library server with full text search to serve your archive.
Replicating the Interweave Shape Animation with Three.js
A coding tutorial on how to reconstruct the shape animation from the website of INTERWEAVE using Three.js.
Letter Shuffle Animation for a Menu
A little animation for a big menu where the letters of a word shuffle to become the first letter of each menu item.
The post Collective #704 appeared first on Codrops.