Frontend Rewind 2023 – Day 08

Explore Day 8 of our special calendar to find out about the latest trends and useful resources in frontend from 2023.

Welcome to Day 8 of “Frontend Rewind 2023”!

Today brings a fresh batch of links, a dose of inspiration, and a great discount code if you would like to get into the Vue ecosystem!

🌺 Fun fact: In Hawaii, the festival of Makahiki was an ancient winter celebration dedicated to the god Lono. Lasting around four months, it marked a period of peace and festivities, including sports competitions, feasting, and religious rituals. During Makahiki, warfare was forbidden, and the people engaged in joyful expressions of gratitude for the land’s abundance. The festival reflected the Hawaiian value of harmony with nature and community well-being.

Community Discount: Vue School

Everything you need to master the full Vue.js Ecosystem and the certification to prove it!
All with a massive saving of 64% + an additional $50 off with the coupon code CODROPS.

Article

How to Make a Website

This article provides insights on creating a good website, emphasizing writing meaningful HTML for document structure, careful use of CSS, consideration of accessibility, and adopting a progressive enhancement approach, along with personal tooling recommendations and tips on interactivity and complex animation using JavaScript.

Tutorial

Water Wave Simulation

In this interactive tutorial you will learn how to use the Fast Fourier Transform (FFT) algorithm to create a realistic water wave animation and simulation.

Website Design: Plantica

UI Interaction & Animation: Digital Archive

Tool

Aniso – ASCII Tool

An open-source ASCII tool built by Studio Freight to generate and customize character-based imagery.

Freebie

Free Font: Geist

Geist Sans and Geist Mono are a font family by Vercel, designed in collaboration with Basement Studio, for legibility and simplicity, with the sans-serif typeface suitable for headlines and display, and the monospaced typeface tailored for code editors and text-based interfaces.

Web Experiment

FBO – dynamic particles

Michal Zalobny made this fantastic demo showcasing physics computed in a fragment shader on 40k+ particles running at 60FPS.

Video: Water Reflection using Three.js

Thank you for unwrapping today’s advent joy with us; can’t wait to share more with you 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

Fresh news, inspo, code demos, and UI animations—zero fluff, all quality. Make your Mondays and Thursdays creative!