Collective #723


Collective 723 item image

Inspirational Website of the Week: Repeat

A really cool design with amazing typography and lots of interesting micro interactions and details.

Get inspired


Collective 723 item image
Our Sponsor

Get 33% Off On Our 10th Anniversary

Enjoy our biggest discount ever for the WordPress plugin with the most incredible collection of responsive sliders, hero, website, and special effects templates. (No coding required ever!)

Enjoy 33% Off!


Collective 723 item image

:has(): the family selector

Jhey Tompkins writes about the game changing :has() selector and shows what you can do with it.

Read it


Collective 723 item image

kmenu

An animated and accessible command menu. By Harsh Singh.

Check it out


Collective 723 item image

Quick Tip: Negative Animation Delay

Learn how you can use negative animation delay to create more natural looking animations. By Michelle Barker.

Read it


Collective 723 item image

Vertex Shader Displacement

Daniel Velasquz writes about distortion and displacement of geometries.

Read it


Collective 723 item image

WEBGi Jewelry Landing Page Demo

An amazing Three.js jewelry landing page for product visualization and configuration using WEBGi. By Anderson Mancini.

Check it out


Collective 723 item image

Terrain Warp

A wonderful demo made by Ichitaro Masuda.

Check it out


Collective 723 item image

Faux 3D content scroller

A great CSS trick by Jhey on how to use the mask property to create a faux 3D look.

Check it out


Collective 723 item image

How to choose an interpolation for your color scale

Natural, quantiles, linear or custom? Lisa Charlotte Muth shows which option ist the best for maps based on continuous (unclassed) and stepped (classed) data.

Read it


Collective 723 item image

Finer grained control over CSS transforms with individual transform properties

Learn how to use individual transform properties and several keyframes in this article by Bramus Van Damme and L. David Baron.

Read it


Collective 723 item image

Exploring CSS Grid’s Implicit Grid and Auto-Placement Powers

Temani Afif shows how to harness the power of implicit grids.

Read it


Collective 723 item image

Practical Deep Learning for Coders 2022

Read about the complete from-scratch rewrite of fast.ai’s most popular course, that’s been two years in the making.

Check it out


Collective 723 item image

CSS border animations

Bramus Van Damme looks at several ways to animate a border in CSS.

Read it


Collective 723 item image

Svelvet

Svelvet is a lightweight Svelte component library for building interactive node-based flow diagrams.

Check it out


Collective 723 item image

Flowful

Boost productivity with procedurally generated ambient music that you can listen to for free.

Check it out


Collective 723 item image

SecondFounder

SecondFounder is a marketplace where you can sell your side projects.

Check it out


Collective 723 item image

Cloudscape

Cloudscape offers user interface guidelines, front-end components, design resources, and development tools for building intuitive, engaging, and inclusive user experiences at scale.

Check it out


Collective 723 item image

OpenAI API

The OpenAI API can be applied to virtually any task that involves understanding or generating natural language or code.

Check it out


Collective 723 item image

Hyperspace Text

A super cool hyperspace text demo by Johan Karlsson.

Check it out


Collective 723 item image

Lyra

Fast, in-memory, typo-tolerant, full-text search engine written in TypeScript

Check it out


Collective 723 item image
From Our Blog

Inspirational Websites Roundup #40

A fresh set of inspirational websites that have an outstanding design.

Check it out


Collective 723 item image
From Our Blog

Large Image to Content Page Transition

A simple scroll effect and page transition inspired by Vitalii Burhonskyi’s Dribbble shot.

Check it out