Collective #708
Publikováno: 21.4.2022
JavascriptDB * The Future of CSS: CSS Toggles * Loaders * The Front-End Developer's Guide to the Terminal
The post Collective #708 appeared first on Codrops.
![Collective 708 website of the week](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_WOTW.jpg)
Inspirational Website of the Week: Anna Sherruble
A fun an artsy web experience that shines with great colors and a 90ies vibe.
![Kintone](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_kintone.jpg)
Experience Building Low-code Apps
Learn how to spend less time constructing the back-end, and more time designing the front-end.
![Collective 708 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_terminal.jpg)
The Front-End Developer’s Guide to the Terminal
An article covering all of the most important fundamentals to use the Terminal. By Josh W Comeau
![Collective 708 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_jsdb.jpg)
JavascriptDB
Create low code serverless applications: Arrays and Objects operations read and write into your database.
![Collective 708 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_toggle.jpg)
The Future of CSS: CSS Toggles
Learn about an exciting new prototype for CSS Toggles in this article by Bramus Van Damme.
![Collective 708 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_loaders.jpg)
Loaders
Free loaders and spinners for your next project. Built with HTML, CSS and some SVG. By Griffin Johnston.
![Collective 708 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_fiber.jpg)
Create a 3D car show with React Three Fiber and Three.js
A fantastic introduction to React Three Fiber where you’ll learn how to quickly setup and create a stunning 3D scene in just about 300 lines of code. By Domenico Bruzzese.
![Collective 708 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_threeboiler.jpg)
Ektogamat ThreeJS Boilerplate
Very simple threejs boilerplate in VanillaJS to start your projects. Check out this tweet for an intro video. By Anderson Mancini.
![Collective 708 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_persepolis.jpg)
Persepolis Reimagined
Explore the capital of ancient Persia at its height during the reign of King Xerxes. A new immersive web experience from Getty.
![Collective 708 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_forced.jpg)
Forced colors explained: A practical guide
In this article you will learn all about forced colors, a CSS media query that when active radically changes the way your site looks, without any of your input.
![Collective 708 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_precision.jpg)
SVG passthrough precision
If an SVG is imported into a design tool, then immediately exported as another SVG, how much precision is kept? What’s added, removed, or altered? Find out in this article.
![Collective 708 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_type.jpg)
A Typing Text Effect with React Hooks
Build a hook that backspaces and types out an array of words. By Ryan Finni.
![Collective 708 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_weekly.jpg)
WeekToDo
WeekToDo is a free minimalist weekly planner app focused on privacy. Available for Windows, Mac, Linux or online.
![Collective 708 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_saber.jpg)
Skywalker
John Beresford created this great demo of Luke Skywalker’s lightsaber.
![Collective 708 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_youtubejs.jpg)
YouTube.js
A full-featured wrapper around YouTube’s private API providing a simple and efficient way to interact with YouTube programmatically.
![Collective 708 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_clothes.jpg)
Thread on “Photorealistic Monocular 3D Reconstruction of Humans Wearing Clothing”
A very interesting thread on a pre-print by Thiemo Alldieck on some super exciting 3D geometry construction.
![Collective 708 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_gif.jpg)
Arteater
Fun offline thing: Arteater digests your hand-drawn art and returns an animated GIF you can save and share.
![Collective 708 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_flashlight.jpg)
Browser in the Dark: flashlights with CSS and canvas
A really interesting “flashlight” effect with CSS and Canvas by Ethan Dalool.
![Collective 708 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_indie.jpg)
Discover the IndieWeb, one blog post at a time
A website to randomly explore the IndieWeb. Simply click a button and you will be redirected to a random post from a personal blog.
![Collective 708 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_webcomponents.jpg)
7 Web Component Tricks
Dave Rupert shares some tricks he learned when preparing his Web Components Course for Frontend Masters.
![Collective 708 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_notepad.jpg)
NotepadNext
A cross-platform, reimplementation of Notepad++ available for Windows, Linux, and macOS.
![Collective 708 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_demosroundup.jpg)
Awesome Demos Roundup #20
A hand-picked collection of the most creative and interesting web experiments from the past times.
![Collective 708 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_sketch.jpg)
Sketch 015: Custom Cursor (multiple circles with filter effect)
A custom SVG cursor with multiple circles and a filter effect on hover.
![Collective 708 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C708_aviator2.jpg)
How to Add More Fun to a Game: Extending “The Aviator”
A tutorial that explores some hands-on changes of “The Aviator” game to make it more fun and engaging.
The post Collective #708 appeared first on Codrops.