Collective #450
![C450_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_WOTW.png?x86293)
Inspirational Website of the Week: KIKK Festival 2018
This year's Kikk festival page has a vibrant design and some beautiful effects. Our pick this week.
Get inspired![C450_Pendo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_Pendo.png?x86293)
Art + Science of Product Design
A picture is worth a thousand words. Learn why design should be every product person's superpower. Watch the webinar!
Check it out![C450_tree](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_tree.jpg?x86293)
Project Explorer
A CLI tool to create an annotated tree visualization of any project. By Sarah Drasner.
Check it out![C450_pullrequests](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_pullrequests.jpg?x86293)
GitHub Pull Requests in Visual Studio Code
Now you can review and manage GitHub pull requests right from VS Code.
Read it![C450_Bellwoods](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_Bellwoods.jpg?x86293)
Bellwoods
A beautiful audio-visual art game made by Matt DesLauriers.
Check it out![C450_Highway](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_Highway.jpg?x86293)
Highway
Highway is a lightweight and flexible library for AJAX-based website transitions.
Check it out![C450_beerslider](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_beerslider.jpg?x86293)
Beer Slider: Responsive & Accessible Before-After Slider
PeHaa Hetman shares this great JavaScript library of a responsive "before-after" slider.
Check it out![C450_copyright](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_copyright.jpg?x86293)
Today, Europe Lost The Internet. Now, We Fight Back.
Read about the terrible proposal the European Parliament adopted regarding the new Copyright Directive.
Read it![C450_taskrunner](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_taskrunner.jpg?x86293)
Drome
A task runner that lets you define tasks with command line statements and Node.js APIs.
Check it out![C450_access](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_access.jpg?x86293)
The Importance Of Manual Accessibility Testing
Read how automated accessibility tests don't just magically make your site accessible. An article by Eric Bailey.
Read it![C450_cssvars](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_cssvars.jpg?x86293)
Updating a CSS Variable with JavaScript
A useful snippet for dynamically updating CSS variables. By Chris Coyier.
Check it out![C450_Houdini](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_Houdini.jpg?x86293)
Houdini Spellbook
An interactive introduction to CSS Houdini. Made by Sam Richard.
Check it out![C450_Froma](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_Froma.jpg?x86293)
Free Font: Forma
A pixel-style Memphis-inspired geometric type. Licensed under CC BY 4.0.
Get it![C450_VueToolbox](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_VueToolbox.jpg?x86293)
Vue Toolbox
The best Vue.js libraries in one place. Created by Tiago Alves and Filipe Pina.
Check it out![C450_emojitown](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_emojitown.jpg?x86293)
3D Emoji Town (Pure CSS)
George W. Park created this wonderful little Emoji town just with CSS.
Check it out![C450_PeterWolf](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_PeterWolf.jpg?x86293)
Peter and the Wolf
A Progressive Web App audio player experiment made by Koen van Gilst.
Check it out![C450_momentjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_momentjs.jpg?x86293)
You don't (may not) need Moment.js
A list of date-fns or native functions which you can use to replace moment.js.
Check it out![C450_500](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_500.jpg?x86293)
500 Error
A hypnotizing 505 error page animation made by Liam Egan.
Check it out![C450_doodleaddicts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_doodleaddicts.jpg?x86293)
Doodle Addicts
A fantastic community site for discovering art and artists.
Check it out![C450_wedding](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_wedding.jpg?x86293)
Wedding Icons
A hand-drawn wedding themed icon set including 24 icons in various formats.
Get it![C450_trendy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_trendy.jpg?x86293)
Trendy Palettes
A curated collection of beautiful hand picked color palettes.
Check it out![C450_morph](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_morph.jpg?x86293)
HyperMorph 3000™
Andreas Borgen's fantastic demo of image morphing.
Check it out![C450_scrollbars](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_scrollbars.jpg?x86293)
Taste Your Scroll
A tool that will help you customize the scroll bars of your project.
Check it out![C450_paravel](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_paravel.jpg?x86293)
Color Cycling with Workers
Read about the process that lead to the animation on the new Paravel site. By Dave Rupert.
Read![C450_pwc](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/09/C450_pwc.jpg?x86293)
PWC
A continuous collection of papers with code.
Check it out