Frontend Rewind 2023 – Day 05

Join us in opening the next door to unveil what’s in store for Day 5 of “Frontend Rewind 2023”

Welcome to Day 5 of “Frontend Rewind 2023”!

Today we have some more links for you, plus inspiration, and a very special discount code for Sara Soueidan’s course on accessibility!

โ„๏ธ Fun fact: “December,” originating from the Latin “decem” for “ten,” was initially the tenth month in the Roman calendar. Reforms later added January and February, pushing December to the twelfth position. Although its numerical order changed, the month names retained their original numerical significance.

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: Practical Accessibility by Sara Soueidan

From Sara: “I created the Practical Accessibility course to help you gain a deep understanding of accessibility so that you can more confidently create accessible websites and applications as well as advocate for accessibility within your team and your community. If youโ€™re a designer or developer proficient with HTML and CSS and who is looking for a practical, no-nonsense course to learn accessibility, then this course is made for you.” ๐ŸŽ

You can get 15% off the courseโ€™s price by using the discount code CODROPS15 during checkout. The code is valid until December 24th.

Article

Our top Core Web Vitals recommendations for 2023

A collection of the best practices that the Chrome DevRel team believes are the most effective ways to improve Core Web Vitals performance in 2023.

Tutorial

The Gooey Effects With Shader

Misaki Nakano explains how to achieve the “Gooey Effect” using shaders and Three.js, detailing the process of rendering scenes, applying Gaussian blur, and implementing contrast to create a visually appealing melting or merging effect between objects.

Website Design: WalletCon

UI Interaction & Animation: Xenial โ€“ Landing page design

Tool

Writex.io

Writex.io is an all-in-one AI-driven online platform for writers, providing powerful editing, reading, and publishing features.

Freebie

Transhumans

A collection of open-source punk sci-fi art illustrations by Pablo Stanley depicting characters surpassing their biological limits.

Web Experiment

Infinite World

A beautiful infinite procedurally generated world made in WebGL with Three.js by Bruno Simon.

Video: Three.js Shaders (GLSL) Crash Course For Absolute Beginners

Thank you and join us 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!