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 đź’™

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.

Web Experiment

Helix

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

Video: Awwwards-inspired portfolio website

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

Manoela Ilic

Manoela is the main tinkerer at Codrops. With a background in coding and passion for all things design, she creates web experiments and keeps frontend professionals informed about the latest trends.

Stay in the loop: Get your dose of frontend twice a week

đź‘ľ Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, website inspo, cool code demos, videos and UI animations right to your inbox.

Zero fluff, all quality, to make your Mondays and Thursdays more creative!