Collective #697

Inspirational Website of the Week: Silvia Sguotti
Bold, fresh and sexy: Silvia Sguotti’s website shines with a unique design. Our pick this week.
Get inspired

Creating a Schema-Based Form System
Tania Rascia shows how to make a form system where we can simply define the schema of a form and pass it into a component that takes care of all the common form needs.
Read it

Use Cases For CSS fit-content
Ahmad Shadeed explores some practical use cases for fit-content.
Check it out

Instant websites for your clients with Divi Layout Packs
With the Divi Layout Packs you’ll get world-class designs ready to be used for your client projects.
Check it out

The baseline for web development in 2022
Alan Dávalos’ in-depth analysis about the big changes in the web between 2021 and 2022 and how those affect the way we should face web development as a whole.
Read it

Welcoming the new Search Console URL Inspection API
Read all about the new Google Search Console URL Inspection API, which gives programmatic access to URL-level data for properties you manage in Search Console.
Read it

How to Cycle Through Classes on an HTML Element
Chris Coyier describes 8 ways to cycle through classes on an element.
Read it

Preventing smooth scrolling with JavaScript
Kilian Valkhof shows how to turn smooth scrolling off for a specific scroll even if it’s turned on in the CSS.
Read it

Inclusive Design
Read about inclusive design which describes methodologies to create products that understand and enable people of all backgrounds and abilities.
Check it out

Letmescroll.js
An easy.to-use scroll library with standardized events, shortcuts and API.
Check it out

What is Generative Art?
Amy Goodchild’s interesting artice on what generative art can be.
Read it

More to give than just the div: semantics and how to get them right
A write-up of a great talk that Hidde de Vries did in November at Web Directions and Beyond Tellerrand.
Read it

California Design System
The California Design System makes it easy for state digital teams to build accessible, consistent, and performant services and products. Interesting to learn from.
Check it out

Making the web better. With blocks!
Joel Spolsky shares an interesting idea: making blocks interchangeable and reusable across the web.
Read it

A Primer on Bézier Curves
A detailed explanation of Bézier curves, and how to do the many things that we commonly want to do with them.
Read it

dddraw
A free and simple online drawing tool that makes it easy to freehand draw SVGs.
Check it out

The Nifty Portal
A cool geeky website design with some glitchiness.
Check it out

Vertex
Handcrafted 3D icons that can be fully customized online.
Check it out

Europe’s Move Against Google Analytics Is Just the Beginning
Austria’s data regulator has found that the use of Google Analytics is a breach of GDPR. In the absence of a new EU-US data deal, other countries may follow.
Read it

SkyBot
Super cool project: Luke Berndt made a system that shoots photos of all the airplanes that fly over his house.
Check it out

UI Interactions & Animations Roundup #21
A new collection of the most interesting and creative motion designs and animations from the last couple of weeks.
Check it out