Bi-Weekly Frontend News

Collective #780


Case Study: Rebuilding TechCrunch layout with modern CSS

In this article, Ahmad Shadeed discusses his exploration of modern CSS techniques to rebuild a layout from TechCrunch's website, analyzing the original layout's decisions and presenting multiple attempts using CSS Flexbox and Grid, along with their pros and cons, aiming to achieve a responsive and flexible design.

Read it

Bézier Curves

In this article, Richard Ekwonye discusses his experience with Bézier curves in frontend engineering, their application in animations and SVG paths, and how understanding the underlying logic of Bézier curves enhances web animations and design.

Check it out

Refraction in Three.js

A great video tutorial by Robin Payot where you will learn how to master refraction in Three.js. If you enjoy this topic you might also like Jesper Vos' tutorial on real-time multiside refraction.

Check it out

Moon Clock a WebGL experiment

Graeme created an experiment to recreate his Moon Clock iOS app using WebGL, enabling rendering of a 3D moon scene in the browser with dynamic information about moon phases, rise and set times, libration, and apparent size, alongside features like timewarp and spacewarp modes.

Check it out

Astro View Transitions

In this article by the Chrome team, the journey of Astro and the View Transitions API is explored, highlighting the challenges faced in achieving seamless page transitions, the emergence of the View Transitions API as a solution, its early adoption by the Astro framework, and the benefits of integrating it into Astro 3.0 for improved user experiences and streamlined animations in web development.

Read it

Playbook for universal design

Universal design methods that include tips for how to accommodate participants with diverse abilities to ensure that everyone feels included in a workshop setting no matter what they are capable of.

Check it out

No one actually wants simplicity

A really nice read where Luke Plant argues that the complexity in modern web development persists because people prioritize other factors over simplicity and are reluctant to sacrifice certain conveniences for it.

Read it


WebGlossary, based on Jens Oliver Meiert's "The Web Development Glossary," is a comprehensive glossary focused on web development and related fields, featuring over 3,591 entries, including major web standards, concepts, and other relevant disciplines.

Check it out

Why Does Email Development Have to Suck?

Hristiyan Dodov highlights the challenges of email development, comparing it to web development, emphasizing the reliance on table elements and inline styles due to limited email client support for modern CSS features, discussing issues with color inversion, padding, custom fonts, responsive images, and providing insight into solutions such as using frameworks like MJML.

Read it

Why Rust is the most admired language among developers

Sara Verdi writes about Rust's continued dominance as the most desired programming language according to Stack Overflow's survey, delves into its history, emphasizes its safety and performance benefits, explores its various use cases, highlights why developers love Rust, and provides resources for getting started with the language.

Read it

“We’re All Just Temporarily Abled”

In a personal reflection, Jim Nielsen shares how an injury led him to realize the importance of accessibility and the phrase "We're all just temporarily abled," highlighting the fluid nature of ability and the significance of noticing accessibility aids and being grateful for one's own abilities.

Read it

A half-hour to learn Rust

In this article, the process of increasing fluency in the Rust programming language is explored by dissecting various Rust code snippets and explaining the meanings of keywords, symbols, and concepts, including variable bindings, type annotations, shadowing, and more.

Read it


Dataherald is a natural language-to-SQL engine designed for enterprise-level question answering over structured data, enabling users to query databases in plain English, set up APIs, and generate insights without the need for data analysts; it emphasizes modularity, ease of setup, and compatibility with major data warehouses.

Check it out


TimeGuessr is a game that tests both your geography and history knowledge. Guess the right time and location of a historical photo.

Check it out