Collective #707
Publikováno: 14.4.2022
Ideal SVG exports * CSS Parent Selector * Lexical * CryptoFont * Just a Calendar
The post Collective #707 appeared first on Codrops.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C707_WOTW.jpg)
Inspirational Website of the Week: Six
A super slick design with sharp typography and great layouts. Our pick this week.
![Collective 668 image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/05/Divi_new.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.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C707_3d.jpg)
Three-gpu-pathtracer
An epic path tracing renderer and utilities for Three.js built on top of three-mesh-bvh. By Garrett Johnson.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C707_img.jpg)
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.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C707_dialog.jpg)
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.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C707_homepage.jpg)
Home sweet homepage
The fantastic journey of growing up online by Sailor Mercury.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C707_svg.jpg)
Ideal SVG exports
A random collection of opinions on how design tools should export SVGs.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C707_has.jpg)
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.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C707_reasonablecolors.jpg)
Reasonable Colors
Reasonable Colors is an open-source color system for building accessible, nice-looking color palettes.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C707_compose.jpg)
JavaScript function composition: What’s the big deal?
An article by James Sinclair explains what the big deal with function composition is.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C707_hasahmad.jpg)
CSS Parent Selector
A deep-dive into the CSS :has parent selector with some use-cases and examples. By Ahmad Shadeed.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C707_emoji.jpg)
The struggle of using native emoji on the web
Nolan Lawson on the miserable state of Emoji support in browser.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C707_calendar.jpg)
Just a Calendar
Just a no nonsense calendar made by Shrikant Sharat Kandula.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C707_chalk.jpg)
Chalk.ist
A tool to turn your source code into beautiful images.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C707_lexical.jpg)
Lexical
Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C707_cryptofont.jpg)
CryptoFont
Crisp webfont icons and SVG logos of many cryptocurrencies.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C707_oauth.jpg)
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.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C707_puzzle.jpg)
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.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C707_portfolio.jpg)
Dave Seidman
Dave Seidman’s portfolio has a cool project slideshow with a 3D shape in a polygonal look that morphs into another one.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C707_contrast.jpg)
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.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C707_akella.jpg)
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.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/C707_repetition.jpg)
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.