Frontend Rewind 2023 – Day 14



Join us on Day 14 of our Advent calendar with a fresh batch of carefully chosen links and inspiration!

Welcome to Day 14 of “Frontend Rewind 2023”!

Uncover the specially chosen links and learning resources of the day, fuel your inspiration, and grab the exclusive discount waiting for you!

🍡 Fun fact: The Dongzhi Festival, also known as the Winter Solstice Festival, is a cherished Chinese tradition celebrated between December 21 and December 23. Rooted in the yin and yang philosophy, it signifies balance and harmony in the cosmos. As the festival unfolds, the promise of longer daylight hours brings an influx of positive energy.

Join the Frontend Tribe!

You don’t have to wait a whole year to get the best frontend news and design inspiration! Subscribe to our Collective and get bi-weekly updates that will keep you at the frontend forefront 💙

Creative Coding Club offers the world’s most comprehensive GSAP training.

Our course bundle provides over 250 lessons to help you master GSAP Core, ScrollTrigger, SVG animation and so much more.

Web developers of all skill levels can learn how to bring their web projects to life with high-performance JavaScript animations.

Join Creative Coding Club today and discover the joy of animating with code.

Save $50 on Lifetime membership with code codrops (valid until January 10, 2024)

Article

Learn Images

This web.dev course provides detailed insights into image formats, compression, responsive images, and performance, offering a comprehensive understanding of these essential aspects for web development.

Tutorial

Simulating Real Cameras using Three.js

This article by Tobias Cornille explains how to simulate a physical camera in a 3D web application using Three.js and OpenCV, covering the pinhole camera model and realistic lens distortion, demonstrating its application in augmented reality, robotics, and visualization tools.

Tool

Frogmouth

Frogmouth is a Markdown viewer / browser for your terminal, built with Textual. Frogmouth can open .md files locally or via a URL. There is a familiar browser-like navigation stack, history, bookmarks, and table of contents.

Freebie

LDRS

A great collection of free loading animations for your next project. These animations are open-source and powered by web components to ensure broad compatibility.

Web Experiment

Helix

A really cool demo by Nemutas that shows infinitely scrollable spiral images.

Thanks for joining us today—hope to see you again tomorrow! 👋🎄

Creating an Interactive Mouse Effect with Instancing in Three.js



Source link

Leave a Reply