Collective #642
Publikováno: 24.12.2020
Hotwire * AnimXYZ * Let's Build a Confetti Cannon * Pattern Generator * Conditional JavaScript
The post Collective #642 appeared first on Codrops.
![Collective 642 item image](http://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.
![Collective 642 item image](http://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.
![Divi Layout Packs](http://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.
![Collective 642 item image](http://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.
![Collective 642 item image](http://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.
![Collective 642 item image](http://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.
![Collective 642 item image](http://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.
![Collective 642 item image](http://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.
![Collective 642 item image](http://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.
![Collective 642 item image](http://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.
![Collective 642 item image](http://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.
![Collective 642 item image](http://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!
![Collective 642 item image](http://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.
![Collective 642 item image](http://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.
![Collective 642 item image](http://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.
![Collective 642 item image](http://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.
![Collective 642 item image](http://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.
![Collective 642 item image](http://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.
![Collective 642 item image](http://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.
![Collective 642 item image](http://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.
![Collective 642 item image](http://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.
![Collective 642 item image](http://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.
![Collective 642 item image](http://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.
![Collective 642 item image](http://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.
The post Collective #642 appeared first on Codrops.