Collective #642
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_WOTW.jpg)
Inspirational Website of the Week: Guillaume Colombel
Slick and cool, that’s the portfolio of Guillaume Colombel, our choice this week.
Get inspired
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_hotwire.jpg)
Hotwire
Hotwire is an alternative approach to building modern web applications with Turbo at its heart, which is a set of complementary techniques for speeding up page changes and form submissions without writing any JavaScript at all.
Check it out
![Divi Layout Packs](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_DiviLayoutpack.jpg)
Instant websites for your clients with Divi Layout Packs
With the Divi Layout Packs you’ll get professional designs ready to be used for your client projects.
Start building
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_animxyz.jpg)
AnimXYZ
The first composable CSS animation toolkit that helps you create, customize, and compose animations for your website without writing a single keyframe.
Check it out
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_cannon.jpg)
Let’s Build a Confetti Cannon
Learn how to make a confetti cannon in this interactive tutorial by Varun Vachhar.
Read it
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_elf.jpg)
Santa Cruise
Help save Christmas with this fun game where you are a gift distributing Elf. By the folks of Kffein.
Play it
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_elegance.jpg)
A typographer and designer’s guide to elegance
A great interview with remarkable designer Ayaka B. Ito on her work and how she crafts elegenace.
Read it
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_Uidemos.jpg)
Aysenur Turk’s UI works
UI developer Aysenur Turk has made these stunning UI designs in 2020.
Check it out
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_type.jpg)
Type Scale Clamp Generator
A nice visual type scale generator using the clamp() property.
Check it out
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_reactthreefiber.jpg)
3D model configurator with React Three Fiber and gltfjsx
A fantastic React Three Fiber tutorial by Yuri Artyukh.
Watch it
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_pattern.jpg)
Pattern Generator
A super stylish tool to create unique, seamless, royalty-free patterns. Export as SVG, JPEG, or PNG.
Check it out
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_Pine.jpg)
Pinecraft
Make a digital tree & share it, and Sennep will plant a real one!
Check it out
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_christmasadvent.jpg)
JavaScript Christmas
In case you missed it: One of Bekk’s advent calendars with original content.
Check it out
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_conditional.jpg)
Conditional JavaScript
Umar Hansa shares a few techniques which you can use for selectively downloading/executing resources such as JavaScript.
Check it out
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_michelle.jpg)
Video: Using Tailwind with WordPress
Michelle Barker chats with Keith Devon and Mark Wilkinson of Highrise Digital, alongside Ben Furfie, about her experience of using Tailwind CSS for building WordPress sites.
Watch it
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_illustrationsday.jpg)
Scale
One new high-quality, open-source illustration each day with the option to customize the primary color.
Check it out
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_internationalday.jpg)
EPIC days
A great project by EPIC where they share illustrations of many international days.
Check it out
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_christmasillu.jpg)
Free Christmas Illustrations
A high-quality free Christmas illustration pack for Photoshop, Illustrator, Adobe XD and Sketch.
Check it out
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_callback.jpg)
Everything About Callback Functions in JavaScript
In this post, Dmitri Pavlutin explains the concept of a callback function and shows how to distinguish the two types of callbacks: synchronous and asynchronous.
Read it
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_testing.jpg)
Improving Cross-Browser Testing, Part 1: Web Application Testing Today
The first article in a series of posts where you’ll learn about the current web-application testing landscape and what Firefox is doing today to allow developers to run more kinds of tests.
Read it
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_UXmyths.jpg)
10 Misconceptions on UX
Castor & Pollux put together this really beautifully designed quiz with 10 common misconceptions about design interfaces.
Check it out
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_bees.jpg)
Recreating a Dave Whyte Animation in React-Three-Fiber
Learn how to use instanced rendering and post-processing techniques to recreate a hypnotic looping animation with react-three-fiber.
Read it
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_websitesroundup.jpg)
Inspirational Websites Roundup #21
A hand-picked collection of some really good web designs for your inspiration.
Check it out
![Collective 642 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C642_ui13.jpg)
UI Interactions & Animations Roundup #13
A fresh set of trendy UI interactions and animations for your inspiration.
Check it out