Collective #658
![Collective 658 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/C658_WOTW.jpg?x86293)
Inspirational Website of the Week: Jonas Reymondin
An amazing portfolio that captures Jonas Reymondin's talent in a perfect way.
Get inspired![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/Mailchimp_2021_V3.jpg?x86293)
Marketing smarts for growing businesses
Grow sales by using the smart tools in our all-in-one Marketing Platform.
![Collective 658 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/C658_perfectinfinite.jpg?x86293)
Going “Meta GSAP”: The Quest for “Perfect” Infinite Scrolling
A brilliant article by Jhey Tompkins on “perfect” infinite scrolling and manipulating time with GSAP.
Read it![Collective 658 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/C658_josh.jpg?x86293)
How I Built my Blog using MDX, Next.js, and React
An in-depth look at the technical stack behind Josh W Comeau's blog.
Check it out![Collective 658 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/C658_spline.jpg?x86293)
Spline Tutorial - Learn How to Create 3D Web Experiences
A very good tutorial by Jakub Duks on how to create amazing 3D web experiences with Spline, the 3D design tool. Check out the demo.
Check it out![Collective 658 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/C658_awesome.jpg?x86293)
Awesome-selfhosted
A list of free software network services and web applications which can be hosted on your own servers.
Check it out![Collective 658 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/C658_images.jpg?x86293)
Content-aware image resizing in JavaScript
A JavaScript implementation of the Seam Carving algorithm for content-aware image resizing and objects removal. By Oleksii Trekhleb.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/Screen-Shot-2021-04-22-at-15.21.20.jpg?x86293)
Scrolling Microinteraction #CodePenChallenge
A supercool scroll animation made by Ryan Mulligan.
Check it out![Collective 658 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/C658_pseudo.jpg?x86293)
Identify and Extract Pseudo-Element Selectors from built-in HTML Elements using DevTools
Bramus shows how to get to pseudo-elements of complex elements using DevTools.
Read it![Collective 658 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/C658_sql.jpg?x86293)
Building a Database Driven Eleventy Site
Learn how to use a database (MySQL) to drive content for an Eleventy site in this tutorial by Raymond Camden.
Read it![Collective 658 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/C658_webgl.jpg?x86293)
Hwoa-rang-gl
A Lightweight WebGL library written in Typescript. By Georgi Nikoloff.
Check it out![Collective 658 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/C658_sara.jpg?x86293)
Working around the viewport-based fluid typography bug in Safari
Sara Soueidan's writeup of a Safari bug and the current possible work-around(s).
Read it![Collective 658 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/C658_bigbrogoogle.jpg?x86293)
Am I FLoCed?
This page will check whether Google Chrome's experimental new ad-targeting technology is enabled in your browser. Read more about it in this article.
Check it out![Collective 658 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/C658_kalli.jpg?x86293)
Kallithea
Kallithea, a free software source code management system supporting two leading version control systems, Mercurial and Git.
Check it out![Collective 658 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/C658_flexbox.jpg?x86293)
Una Kravets shares the latest flexbox debugging features in Chrome DevTools.
Check it out![Collective 658 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/C658_visualization.jpg?x86293)
Data Visualization Guide
A CC-licensed design guide for presentations, reports, and dashboards.
Check it out![Collective 658 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/C658_scrollhakim.jpg?x86293)
Trassel
A beautiful scroll demo by Hakim El Hattab.
Check it out![Collective 658 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/C658_react.jpg?x86293)
Building React + Vue support for Tailwind UI – Tailwind CSS
Adam Wathan shares some of the behind-the-scenes efforts that have gone into building React and Vue support for Tailwind UI.
Read it![Collective 658 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/C658_printer.jpg?x86293)
CSS 3D Print Shop
An incredible CSS printer made by Jhey.
Check it out![Collective 658 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/C658_paul.jpg?x86293)
Tying scroll offset to shaders
An old demo with Codesandbox by Paul Henschel.
Check it out![Collective 658 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/C658_javascriptmodern.jpg?x86293)
The complete guide to working with strings in modern JavaScript
Everything you need to know about creating, manipulating and comparing strings in JavaScript.
Read it![Collective 658 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/C658_scrollingraph.jpg?x86293)
CPC Scrolling with Three.js & GSAP
A very interesting scroll demo based on Jhey's infinite scroll solution mentioned earlier. By Shunya Koide.
Check it out![Collective 658 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/C658_corn.jpg?x86293)
Text Outline Animation with Three.js
Learn how to code the text outline effect seen on cornrevolution.com using Three.js with some GLSL.
Check it out![Collective 658 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/04/C658_3dgrid.jpg?x86293)
Magnetic 3D Grid Interaction with Content Preview
A grid layout with a magnetic 3D interaction effect and a content preview animation.
Check it out