From our sponsor: Chromatic - Visual testing for Storybook, Playwright & Cypress. Catch UI bugs before your users do.
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 đź’™
Community Discount: Creative Coding Club
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.
Website Design: Quentin Hocdé
UI Interaction & Animation: Vendome Clinique
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.
Video: Awwwards-inspired portfolio website
Thanks for joining us today—hope to see you again tomorrow! 👋🎄