Design

The Collective #811

admin

18 2 minutes read

[ad_1]

No. 811, Thursday, February 1, 2024 View in browser

Contents

Olá, frontend friends! ????

Hope you are having an excellent week! Today we have a packed newsletter for you with lots of interesting articles, hot CSS content, and good inspiration!

Last time, some of you were confused when we mentioned being on Patreon! You thought we might start offering extra content for paying members. That’s not the case at all! Just to clarify: we use Patreon as a way to collect tips to cover our monthly costs, so everything on Codrops stays freely accessible to everyone just like it has been for the past 15 years! ???? Sorry, if that was confusing!

We’re super grateful for those who contribute and support us along the way! ????

Have a wonderful Thursday!

Inspirational Website of the Week: Agence Pony

Take a peek at the lovely design created by the folks at Local Studio. It’s packed with neat details and great typography that make it stand out. Plus, the dreamy vibes and cute note ideas really make it special. We’re totally loving it!

Standout Web Design Picks

???? The Web Component Success Story

Jake Lazaroff discusses the potential benefits of web components for enhancing web development ecosystems and promoting interoperability among JavaScript frameworks, emphasizing their role in creating a more accessible and unified web experience.

This WebGPU ray tracing renderer has evolved with improved functions, making it easier to create scenes with high-quality effects.

Check if your domain meets the new requirements for email deliverability with this free tool by the folks of Engage.

⌨️ Big, beautiful, beefy focus states with :focus-visible

Dave Rupert writes about the benefits of using the :focus-visible pseudo-state in CSS to enhance keyboard navigation experiences for users by creating distinct focus states for keyboard interactions without interfering with click interactions.

????‍♀️ A Call for Consensus on HTML Semantics

Stephanie Eckles talks about how tricky HTML markup can be, especially when you’re making blogs or dashboards. She says it’s important to make things clear for people using the website and to make sure everyone can access it easily. But she also points out that web development is full of challenges, and there aren’t always simple solutions.

????‍♀️ Field-sizing just works!

Learn about the cool new “field-sizing” CSS property, which automatically scales input and textarea elements to the size of their content, replacing JavaScript-based techniques previously used for the same purpose.

???? Dear reader, as costs rise and sponsors diminish, maintaining Codrops has become a challenge. We believe in the power of community, and with your pocket change, you can keep us alive and thriving. Help us sustain Codrops for the future.????

Video Vault

Getting Started with Threlte: Animating a Spaceship in Three.js and Svelte - Part 1

When Optimisations Work, But for the Wrong Reasons

React Three Fiber Tutorial for Beginners || Three.js Website Example - Elegant Landing Page

Demo Corner

Wen is experimenting with ways to render longer animate trails in his latest demo. You can find the code here.

Some cool little animations for checkboxes made by Alvaro Montoro.

❓Did you know that…

…the term “pixel” is a fusion of “picture” and “element”? Coined by computer scientist Frederic C. Billingsley in 1965, it symbolizes the smallest controllable element of a digital image. Billingsley introduced this term while discussing video images of the moon and Mars.

And that’s all! Thank you for reading the Collective! If you have something you would like us to feature in the next edition, simply reply to this email!

Codrops is proudly sponsored by KeyCDN, the high performance content delivery network that has been built for the future.

[ad_2]

Source link