Inspirational Website of the Week: Goliath Entertainment
A really fun website with lots of interesting interactions and effects. Our pick this week.
Northwestern Online Master’s in Information Design
Build skills to lead communication strategy, translate complex data, and drive user experience.
CSS Grid Layout Module Level 3
The new exciting grid draft that includes a Pinterest/Masonry layout option is out.
Build a game this November with GitHub Game Off
GitHub’s annual hackatron for building games, Game Off, is about to begin.
Anima 4.0: Design and development, united at least
Anima’s latest release helps you transform designs into workable, developer-friendly React code.
Next.js Commerce
The all-in-one starter kit for high-performance e-commerce sites. With a few clicks, Next.js developers can clone, deploy and fully own their own store.
Layout projection: A method for animating browser layouts at 60fps
In this short (interactive) series of posts, Matt Perry provides an overview of the layout animation problem and some of the solutions attempted to date.
Curve Modifiers in Three.js
Ada Rose Cannon on her first major PR to Three.js, Curve Modifiers.
Selecting Random Posts in Eleventy
If you work with Eleventy, this might be very useful: Raymond Camdon explains how to add links to random pages in Eleventy.
Free Image and Video API – Pexels
Pexel’s free API lets you use their stock images and videos on your website, app or project easily.
Tyrus
Tyrus is a free digital toolkit from Airbnb Design that helps freelance illustrators optimize their business, so they have more time to focus on what they love.
Jean Dawson
What a cool camcorder-like website design!
Prevent layout shifts with CSS grid stacks
A detailed explanation with real examples of a CSS grid technique for preventing layout shifts when a component state changes.
Part of your world: Why we’re proud to build a truly native Mac app
A great article by the Sketch team that highlights the benefits that come with native macOS apps.
Vue Data Table
TJ Fogarty explores how to tackle a data table in Vue without relying on third-party solutions.
buoy – Illustrator and Animator
The portfolio of buoy is full of WebGL goodness. Made by Keita Yamada.
ML Art
A curated showcase of creative machine learning artworks and projects.
Tetris
A great Babylon.js Tetris demo by by Hitesh Sahu.
How to Timeout a fetch() Request
Learn how to use setTimeout(), the abort controller, and the fetch() API to make requests with a configurable timeout.
Clip-path demo
A recreation of an effect made by Lorenzo Cadamuro on Robin Noguier’s website. By Gianmarco Simone.
“The CSS Universal Selector Is Slow And Should Be Avoided” — Yet Another Lie!
Jason Knight shows why it’s a bald faced lie that the “universal selector” is slow.
Vanilla ToDo
A case study on viable techniques for vanilla web development.
Real people from drawings
Too cool to miss: an experiment using #pixel2style2pixel to create real people from drawings. A thread by Nathan Shipley.
Awesome Demos Roundup #18
A big selection of the best web experiments made in the past weeks.
Particles Image Animation from Mathis Biabiany’s website
A coding session where you’ll learn how to implement the particles effect seen on Mathis Biabiany’s website.
The post Collective #631 appeared first on Codrops.