Collective #746


Inspirational Website of the Week: Andreas Antonsson

The portfolio of Andreas Antonsson offers a delightful user experience with its fluid design and smooth scrolling, as well as excellent typography that enhances the overall aesthetic.

Get inspired



Our Sponsor

Where is my website traffic and how do I get more?

Some straight facts about search engine traffic: 51% of all website traffic is driven by SEO, 40% of all online revenue is driven by SEO, 72% of search traffic goes to the first 10 results on the first page. We have the formula to get your website the conversions you are looking for! Book your complimentary SEO call.

Book now



Webspaces

Webspaces is a new kind of website that uses HTML to create 3D worlds in addition to 2D pages. Read more about it in this article and thread by Greg Fodor.

Check it out


Companies.tools ’22 recap

Here’s how and which apps and tools tech teams all over the world used in 2022.

Check it out


Copy Dennis

Dennis Snellenberg created this homnage to all the creators who have taken a little bit too much inspiration from his portfolio website.

Check it out


Mafs: React components for interactive math

Build interactive, animated visualizations with declarative code using Mafs.

Check it out


Draw SVG rope using JavaScript

A beautifully illustrated article by Stanko Tadić that explains how to use SVGs and JavaScript to create an animation of a rope.

Read it


InfiniteGrid

Austin Malerba created this demo of a pannable infinite grid in React.

Check it out


Slow Roads

The new version of the endless driving experience now has controllers and wheels plus first-person view. Read more about it in this article.

Check it out


Top Pens of 2022 on CodePen

A collection of the most hearted codepen demos of 2022.

Check it out


MeshEpoxyMaterial

Paul Henschel has created a demo that showcases the capabilities of the new MeshTransmissionMaterial in drei, which allows for realistic rendering of glass, gelatin, or epoxy materials with RGB shift and noise effects.

Check it out


CSS :has() feature detection with @supports(selector(…)): You want :has(+ *), not :has(*)

Bramus Van Damme explains how when you’re feature detecting :has() with @supports you must pass a selector into :has().

Read it


Pseudo-classes can do magic

Kevin Powell shows a really useful trick using pseudo-classes in CSS in this short video.

Check it out


YouTube Transcript

A tool that lets you get the transcript of a YouTube video so that you can simply read it.

Check it out


Sailboat UI

This modern UI component library, built with Tailwind CSS, provides over 150 pre-designed components to help developers quickly and easily create websites.

Check it out


How to use ChatGPT in product design: 8 practical examples

Some interesting examples on how ChatGPT can help with product design. By Nick Babich.

Check it out


AI: Markets for Lemons, and the Great Logging Off

Lars Doucet asks an important question: What happens when most “people” you interact with on the internet are fake?

Read it


Shift Happens

“Shift Happens” is a book that traces the history of keyboards from their early days as typewriters to the present-day digital versions. The site shows a wonderful 3D preview of the book!

Check it out


Safari’s date-picker is the cause of 1/3 of our customer support issues

Learn why Robin Thomas is shocked by the poor design of the standard <input type=”date”> HTML field, especially considering that it is provided by a company known for its attention to good design.

Read it



From Our Blog

Inspirational Websites Roundup #45

A compilation of the most beautifully designed and thoughtfully crafted websites we’ve come across lately.

Check it out



Our Sponsor

Explore the world like a local with Babbel

If you’ve always wanted to learn a new language, Babbel will be the most productive 10 minutes of your day. Trusted by over 10 million subscribers worldwide, the subscription-based language learning platform can get you confidently conversing in a new tongue in just three weeks. This isn’t your grade school textbook: the bite-sized lessons, available in 14 languages, teach you localized vocabulary you’ll actually use in the real world. Plus, speech recognition technology helps you perfect your accent. Sign up today and get up to 60 percent off your subscription.

Learn more