Inspirational Website of the Week: Six
A super slick design with sharp typography and great layouts. Our pick this week.
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.
Three-gpu-pathtracer
An epic path tracing renderer and utilities for Three.js built on top of three-mesh-bvh. By Garrett Johnson.
Picture perfect images with the modern <img> 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.
Building a dialog component
A foundational overview of how to build color-adaptive, responsive, and accessible mini and mega modals with the <dialog> element. By Adam Argyle.
Home sweet homepage
The fantastic journey of growing up online by Sailor Mercury.
Ideal SVG exports
A random collection of opinions on how design tools should export SVGs.
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.
Reasonable Colors
Reasonable Colors is an open-source color system for building accessible, nice-looking color palettes.
JavaScript function composition: What’s the big deal?
An article by James Sinclair explains what the big deal with function composition is.
CSS Parent Selector
A deep-dive into the CSS :has parent selector with some use-cases and examples. By Ahmad Shadeed.
The struggle of using native emoji on the web
Nolan Lawson on the miserable state of Emoji support in browser.
Just a Calendar
Just a no nonsense calendar made by Shrikant Sharat Kandula.
Chalk.ist
A tool to turn your source code into beautiful images.
Lexical
Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.
CryptoFont
Crisp webfont icons and SVG logos of many cryptocurrencies.
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.
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.
Dave Seidman
Dave Seidman’s portfolio has a cool project slideshow with a 3D shape in a polygonal look that morphs into another one.
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.
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.
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.
The post Collective #707 appeared first on Codrops.