Bi-Weekly Frontend News

Collective #770

State of CSS 2023

Join the State of CSS survey and contribute to tracking the exciting evolution of upcoming features and libraries. By participating, you can help developers make informed decisions about which new technologies to prioritize.

Check it out


A library of over 70 custom-color elements ready to paste into your project.

Check it out


A great hub for web design inspiration, featuring a vast collection of screenshots that offer ideas for components and interesting details of websites.

Check it out

Custom giraffe caret

Stanko shows how to use CSS to customize the input caret in a fun and creative way by replacing it with an element rendered at the exact same position, such as a dancing giraffe or a lion.

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

Check it out

Fit-to-Width Text

Roman Komarov explores using scroll-driven animations in CSS to solve fit-to-width text without hardcoded parameters.

Check it out

The New CSS

Matthias Ott discusses the evolution of CSS and its growing importance as a design tool for the web.

Read it

Be careful with ch units

Silvestar Bistrović shares how he discovered an issue with Cumulative Layout Shift (CLS) on a website caused by the use of system fonts and CSS ch units.

Read it

GPT Engineer

A tool that generates an entire codebase based on a prompt, allowing users to specify what they want to build and prompting feedback from the AI.

Check it out

Google Photos Backup

A useful project called Google Photos Backup, which uses Playwright to download photos in original quality and incrementally from Google Photos.

Check it out
C770_sketch is a tool for software designers to help them think through complex product behavior, allowing them to sketch out states, add prototypes, and clarify questions with ease.

Check it out