Collective #688
![Collective 688 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/11/C688_WOTW.jpg)
Inspirational Website of the Week: Capsul’in — Aluminium
A beautifully sharp scroll experience with fantastic visuals. Our pick this week.
Get inspired
![Codrops Collective 687 image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/11/C687_blackfriday.jpg)
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!
Enter now
![Collective 688 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/11/C688_pattern.jpg)
Flip, Invert, and Reverse
In this article, Yuan Chuan introduces 3 kinds of transformations for the SVG path commands for creating beautiful patterns.
Check it out
![Collective 688 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/11/C688_graphql.jpg)
An Introduction to GraphQL
Tania Rascia excellent introduction to GraphQL with hands-on examples.
Check it out
![Collective 688 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/11/C688_shadow.jpg)
Introducing “Shadow Palette Generator”
Josh W Comeau introduces a new tool to help you generate CSS box-shadow values.
Read it
![Collective 688 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/11/C688_regex.jpg)
RegexLearn
Learn RegEx, step by step, zero to advanced. Includes a playground and cheatsheet.
Check it out
![Collective 688 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/11/C688_stickyahmad.jpg)
Using Position Sticky With CSS Grid
Ahmad Shadeed explains how to make position sticky work with CSS grid items.
Read it
![Collective 688 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/11/C688_invisible.jpg)
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?”
Read it
![Collective 688 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/11/C688_browserflow.jpg)
Browserflow
Automate repetitive tasks in your browser or in the cloud. No coding required.
Check it out
![Collective 688 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/11/C688_tutorialvideo.jpg)
Responsive navbar tutorial using HTML CSS & JS
Kevin Powell shows how to create a beautiful responsive navigation bar.
Watch it
![Collective 688 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/11/C688_draw.jpg)
tldraw
A tiny little drawing app with a beautiful UI.
Check it out
![Collective 688 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/11/C688_lusion.jpg)
GEMINI
Gemini is a beautiful Lusion Monthly Experiment powered by WebGL.
Check it out
![Collective 688 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/11/C688_js.jpg)
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.
Check it out
![Collective 688 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/11/C688_cssisInter.jpg)
Your CSS is an interface
Eric Bailey’s writes about how “human-friendly CSS is an interface that prioritizes people”.
Read it
![Collective 688 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/11/C688_paper.jpg)
Paper Play
Just an amazing unfolding web experience with a lovely grainy look.
Check it out
![Collective 688 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/11/C688_game.jpg)
How do they make browser games nowadays?
Part 1 of a series on how browser games are made. By Alexander Saltykov.
Check it out
![Collective 688 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/11/C688_rows.jpg)
Rows
Spreadsheets with built-in integrations from your business apps and team support.
Check it out
![Collective 688 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/11/C688_stickyfooter.jpg)
A Clever Sticky Footer Technique
Chris Coyier shares Sílvio Rosa’s clever sticky footer technique.
Check it out
![Collective 688 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/11/C688_saturdaynight.jpg)
Saturday Night Fever
Saturday Night Fever is a WebGL experience using Three.js made by Arno Di Nunzio.
Check it out
![Collective 688 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/11/C688_unocss.jpg)
Unocss
In case you didn’t know about it: The instant on-demand Atomic CSS engine inspired by Windi CSS, Tailwind CSS, Twind.
Check it out
![Collective 688 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/11/C688_ASCIIPlayer.jpg)
ASCII Video Player
A fun ASCII video player because why not?
Check it out
![Collective 688 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/11/C688_paranoia.jpg)
Slideshow with Filter Reveal Effect – Codrops
A slideshow page layout with a filter enhanced navigation effect on the images.
Check it out