Inspirational Website of the Week: Capsul’in — Aluminium
A beautifully sharp scroll experience with fantastic visuals. Our pick this week.
Black Friday is Coming
Any time between now and Nov 26th you can enter to win a brand new MacBook Pro. Entering is completely free and the more raffle tickets you submit the better chance you have to win!
Flip, Invert, and Reverse
In this article, Yuan Chuan introduces 3 kinds of transformations for the SVG path commands for creating beautiful patterns.
An Introduction to GraphQL
Tania Rascia excellent introduction to GraphQL with hands-on examples.
Introducing “Shadow Palette Generator”
Josh W Comeau introduces a new tool to help you generate CSS box-shadow values.
RegexLearn
Learn RegEx, step by step, zero to advanced. Includes a playground and cheatsheet.
Using Position Sticky With CSS Grid
Ahmad Shadeed explains how to make position sticky work with CSS grid items.
The Invisible JavaScript Backdoor
Wolfgang Ettlinger asks the question “What if a backdoor literally cannot be seen and thus evades detection even from thorough code reviews?”
Browserflow
Automate repetitive tasks in your browser or in the cloud. No coding required.
Responsive navbar tutorial using HTML CSS & JS
Kevin Powell shows how to create a beautiful responsive navigation bar.
tldraw
A tiny little drawing app with a beautiful UI.
GEMINI
Gemini is a beautiful Lusion Monthly Experiment powered by WebGL.
How to get started with property-based testing in JavaScript using fast-check
Learn all about property-based testing and how it helps write better tests, with less code, and greater coverage.
Your CSS is an interface
Eric Bailey’s writes about how “human-friendly CSS is an interface that prioritizes people”.
Paper Play
Just an amazing unfolding web experience with a lovely grainy look.
How do they make browser games nowadays?
Part 1 of a series on how browser games are made. By Alexander Saltykov.
Rows
Spreadsheets with built-in integrations from your business apps and team support.
A Clever Sticky Footer Technique
Chris Coyier shares Sílvio Rosa’s clever sticky footer technique.
Saturday Night Fever
Saturday Night Fever is a WebGL experience using Three.js made by Arno Di Nunzio.
Unocss
In case you didn’t know about it: The instant on-demand Atomic CSS engine inspired by Windi CSS, Tailwind CSS, Twind.
ASCII Video Player
A fun ASCII video player because why not?
Slideshow with Filter Reveal Effect – Codrops
A slideshow page layout with a filter enhanced navigation effect on the images.
The post Collective #688 appeared first on Codrops.