Collective #658
Publikováno: 22.4.2021
Spline Tutorial * Awesome-selfhosted * Content-aware image resizing in JavaScript * Kallithea
The post Collective #658 appeared first on Codrops.
![Collective 658 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C658_WOTW.jpg)
Inspirational Website of the Week: Jonas Reymondin
An amazing portfolio that captures Jonas Reymondin’s talent in a perfect way.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/Mailchimp_2021_V3.jpg)
Marketing smarts for growing businesses
Grow sales by using the smart tools in our all-in-one Marketing Platform.
![Collective 658 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C658_perfectinfinite.jpg)
Going “Meta GSAP”: The Quest for “Perfect” Infinite Scrolling
A brilliant article by Jhey Tompkins on “perfect” infinite scrollling and maniputaling time with GSAP.
![Collective 658 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C658_josh.jpg)
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.
![Collective 658 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C658_spline.jpg)
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.
![Collective 658 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C658_awesome.jpg)
Awesome-selfhosted
A list of free software network services and web applications which can be hosted on your own servers.
![Collective 658 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C658_images.jpg)
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.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/Screen-Shot-2021-04-22-at-15.21.20.jpg)
Scrolling Microinteraction #CodePenChallenge
A supercool scroll animation made by Ryan Mulligan.
![Collective 658 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C658_pseudo.jpg)
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.
![Collective 658 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C658_sql.jpg)
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.
![Collective 658 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C658_webgl.jpg)
Hwoa-rang-gl
A Lightweight WebGL library written in Typescript. By Georgi Nikoloff.
![Collective 658 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C658_sara.jpg)
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).
![Collective 658 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C658_bigbrogoogle.jpg)
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.
![Collective 658 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C658_kalli.jpg)
Kallithea
Kallithea, a free software source code management system supporting two leading version control systems, Mercurial and Git.
![Collective 658 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C658_visualization.jpg)
Data Visualization Guide
A CC-licensed design guide for presentations, reports, and dashboards.
![Collective 658 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C658_scrollhakim.jpg)
Trassel
A beautiful scroll demo by Hakim El Hattab.
![Collective 658 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C658_react.jpg)
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.
![Collective 658 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C658_printer.jpg)
CSS 3D Print Shop
An incredible CSS printer made by Jhey.
![Collective 658 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C658_paul.jpg)
Tying scroll offset to shaders
An old demo with Codesandbox by Paul Henschel.
![Collective 658 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C658_javascriptmodern.jpg)
The complete guide to working with strings in modern JavaScript
Everything you need to know about creating, manipulating and comparing strings in JavaScript.
![Collective 658 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C658_scrollingraph.jpg)
CPC Scrolling with Three.js & GSAP
A very interesting scroll demo based on Jhey’s infinite scroll solution mentioned earlier. By Shunya Koide.
![Collective 658 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C658_corn.jpg)
Text Outline Animation with Three.js
Learn how to code the text outline effect seen on cornrevolution.com using Three.js with some GLSL.
![Collective 658 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C658_3dgrid.jpg)
Magnetic 3D Grid Interaction with Content Preview
A grid layout with a magnetic 3D interaction effect and a content preview animation.
The post Collective #658 appeared first on Codrops.