Inspirational Website of the Week: Six A super slick design with sharp typography and great layouts. Our pick this week.

Check it out


Our Sponsor 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



Three-gpu-pathtracer An epic path tracing renderer and utilities for Three.js built on top of three-mesh-bvh. By Garrett Johnson.

Check it out


Picture perfect images with the modern element Addy Osmani writes about how important images are and how they can affect your web app’s performance more than any other part of your code.

Read it


Building a dialog component A foundational overview of how to build color-adaptive, responsive, and accessible mini and mega modals with the

element. By Adam Argyle.

Read it


Home sweet homepage The fantastic journey of growing up online by Sailor Mercury.

Check it out


Ideal SVG exports A random collection of opinions on how design tools should export SVGs.

Check it out


CSS :has() A Parent Selector Now Matthias Ott explains how the :has() selector works and shows how it’s not only useful as a parent selector.

Read it


Reasonable Colors Reasonable Colors is an open-source color system for building accessible, nice-looking color palettes.

Check it out


JavaScript function composition: What’s the big deal? An article by James Sinclair explains what the big deal with function composition is.

Read it


CSS Parent Selector A deep-dive into the CSS :has parent selector with some use-cases and examples. By Ahmad Shadeed.

Read it


The struggle of using native emoji on the web Nolan Lawson on the miserable state of Emoji support in browser.

Read it


Just a Calendar Just a no nonsense calendar made by Shrikant Sharat Kandula.

Check it out


Chalk.ist A tool to turn your source code into beautiful images.

Check it out


Lexical Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.

Check it out


CryptoFont Crisp webfont icons and SVG logos of many cryptocurrencies.

Check it out


The complete guide to protecting your APIs with OAuth2 (part 1) A deep dive into the complex OAuth2, the most popular specifications for API authentication. By Dan Moore.

Read it


Eight Colors Eight Colors is a block shifting game where the goal is to shift circular blocks to reach the target. Made by Shubham Jain.

Check it out


Dave Seidman Dave Seidman’s portfolio has a cool project slideshow with a 3D shape in a polygonal look that morphs into another one.

Check it out


How to Fix Your Low-Contrast Text Learn how to solve 30% of the web’s accessibility defects with just the help of a calculator. By Ben Myers.

Read it


From Our Blog Creating a Fluid Distortion Animation with Three.js A coding session where you’ll learn how to create the interactive liquid-like effect from the PixiJS website using Three.js.

Check it out


From Our Blog On-Scroll Text Repetition Animation An on-scroll animation that shows repeated fragments of a big text as seen on the website of Dr. Dabber.

Check it out

The post Collective #707 appeared first on Codrops.