Collective #697
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/02/C697_WOTW.jpg)
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
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/02/C697_form.jpg)
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
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/02/C697_fit.jpg)
Use Cases For CSS fit-content
Ahmad Shadeed explores some practical use cases for fit-content.
Check it out
![Collective 696 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/01/Screen-Shot-2022-01-13-at-11.52.14.jpg)
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
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/02/C697_2022.jpg)
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
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/02/C697_console.jpg)
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
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/02/C697_class.jpg)
How to Cycle Through Classes on an HTML Element
Chris Coyier describes 8 ways to cycle through classes on an element.
Read it
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/02/C697_smooth.jpg)
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
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/02/C697_inclusive.jpg)
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
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/02/C697_scroller.jpg)
Letmescroll.js
An easy.to-use scroll library with standardized events, shortcuts and API.
Check it out
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/02/C697_genart.jpg)
What is Generative Art?
Amy Goodchild’s interesting artice on what generative art can be.
Read it
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/02/C697_semantics.jpg)
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
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/02/C697_californ.jpg)
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
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/02/C697_block.jpg)
Making the web better. With blocks!
Joel Spolsky shares an interesting idea: making blocks interchangeable and reusable across the web.
Read it
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/02/C697_bezier.jpg)
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
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/02/C697_dddraw.jpg)
dddraw
A free and simple online drawing tool that makes it easy to freehand draw SVGs.
Check it out
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/02/C697_portal.jpg)
The Nifty Portal
A cool geeky website design with some glitchiness.
Check it out
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/02/C697_vext.jpg)
Vertex
Handcrafted 3D icons that can be fully customized online.
Check it out
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/02/C697_google.jpg)
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
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/02/C697_plane.jpg)
SkyBot
Super cool project: Luke Berndt made a system that shoots photos of all the airplanes that fly over his house.
Check it out
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/02/UI21_feat-400x300.jpg)
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