Collective #587
![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/02/C587_WOTW.jpg?x86293)
Inspirational Website of the Week: Illuminating Radioactivity
A fantastic project with a great scrollable design made by the folks of tubik.
Get inspired![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/02/C587_Porkbun.jpg?x86293)
.design: A better Domain for Designers
Add a professional touch to your website with a .design domain name. Get 1 year free today!
Get a Free .design Domain Name Today!![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/02/C587_autocomplete.jpg?x86293)
Building an accessible autocomplete control
Learn how to design and build an accessible autocomplete control from scratch in this article by Adam Silver.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/02/C587_jam.jpg?x86293)
How To Create A Headless WordPress Site On The JAMstack
Sarah Drasner's and Geoff Graham's hands-on tutorial where you'll learn how to create a real headless WordPress site on the JAMstack.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/02/C587_octo.jpg?x86293)
Octomments
A plugin by Krasimir Tsonev that lets you use GitHub issues as a comment system.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/02/C587_binary.jpg?x86293)
Binary Search
Practice programming challenges with others on Binary Search. Create a room, invite your friends, and race to finish the problem.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/02/C587_flow.jpg?x86293)
Flow Fields
Generative artist Tyler Hobbs explains the basics of flow fields and how to use different variations with tips on how to improve the visual result.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/02/C587_glt.jpg?x86293)
GLTFJSX tool
A major release of the tool that turns GLTF's to JSX components. See it in action in this tweet. By Paul Henschel.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/02/C587_louis.jpg?x86293)
Flowing Image - How To
Louis Hoebregts shows the concept behind transforming a painting into a field of particles.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/02/C587_swim.jpg?x86293)
The design systems we swim in.
Some interesting thoughts on the way the industry talks about design systems.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/02/C587_acc.jpg?x86293)
Improved accessible routing in Vue.js (updated)
An article that aims to show how to implement an improved approach to accessibility in Vue.js, using vue-router.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/02/C587_agile.jpg?x86293)
Design Systems, Agile, and Industrialization
Picking up on Jeremy Keith's concerns about design systems, Brad Frost shares his thoughts on the topic.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/02/C587_rgb.jpg?x86293)
Kinetic slider
A WebGL powered slideshow using PixiJS and GSAP. By Hadrien Mongouachon.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/02/C587_svgfavicons.jpg?x86293)
Light and dark themed SVG favicon using the CSS prefers-color-scheme media feature
Catalin Red shows how to use an SVG as a favicon for your website, considering the light and dark theme detection in the browser using the CSS prefers-color-scheme media feature, with PNG and ICO fallbacks.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/02/C587_hidde.jpg?x86293)
Could browsers fix more accessibility problems automatically?
Hidde de Vries' write-up of his talk at the Web We Want session at View Source in Amsterdam.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/02/C587_darkjs.jpg?x86293)
DarkModeJS
DarkModeJS detects the user's time for easy dark theme switching.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/02/C587_font.jpg?x86293)
Free Font: LL BAGUIO
A lovely font with an interesting inspiration made by Lloyd Zapanta.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/02/C587_mockup.jpg?x86293)
Pixel 4 and Pixelbook Go mockups
A free set of Google devices mockups in Sketch, Figma, and Photoshop file formats.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/02/C587_bulbs.jpg?x86293)
Newton's Light Bulbs
A great demo by Jhey Tompkins where he uses the MorphSVG plugin by GreenSock.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/02/C587_dragging.jpg?x86293)
Image Dragging Effects
A set of playful dragging effects for images using various techniques.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/02/C587_cutout.jpg?x86293)
Crafting a Cutout Collage Layout with CSS Grid and Clip-path
Learn how to code up an interesting design with a cutout image look using CSS Grid and clip-path.
Read it