Impressive code

Anime is a lightweight JavaScript animation library. It works with any CSS Properties, individual CSS transforms, SVG or any DOM attributes, and JavaScript Objects.

juliangarnier/anime anime - JavaScript Animation Engine

Cropping Images in CSS With object-fit
https://alligator.io/css/cropping-images-object-fit/

Cropping Images in CSS With object-fit The object-fit property is a welcome addition that allows to crop images so that the aspect ratio is kept.

An intro to web components with otters
https://meowni.ca/posts/web-components-with-otters/

An intro to web components with otters – Monica Dinculescu

https://cdn.rawgit.com/naver/billboard.js/8413325d/demo/ .SplineChart

billboard.js - examples Examples of billboard.js. billboard.js is a re-usable easy interface JavaScript chart library, based on D3 v4+.

https://sarcadass.github.io/granim.js/examples.html
Basic gradients animation with 3 gradients in queue composed of 2 colors.

Granim.js Create fluid and interactive gradients animations with this small (< 10kB) .js library

https://www.stilllife.studio/txtwav?utm_source=codropscollective

txt.wav demos

Coming soon..
http://impressivecode.com/

http://tympanus.net/codrops/2016/07/28/beneath-featured-content-layout-effect/

Above & Beneath: Featured Content Layout Effect | Codrops A landing page template with a featured content section and background sounds that change according to the view.

https://bjango.com/articles/blendifmasking/?utm_source=codropscollective

Using blend if for masking I’m a big fan of exceptionally clean production documents and exceptionally scrappy mockup documents (yes, I keep those tasks separate). Being scrappy frees you to use unconventional, but faster, methods.