Collective #457
![C457_psychology](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C457_psychology.jpg?x86293)
The Psychology of Design
Jon Yablonski argues that every designer should learn the fundamentals of psychology.
Read it![C457_HelloSign](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C457_HelloSign.png?x86293)
HelloSign API: The Most Flexible API
With a robust SDK, amazing support, detailed documentation, and super clean dashboard, HelloSign API is sure to make your team happy.
Try it free![C457_modals](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C457_modals.jpg?x86293)
MODALZ MODALZ MODALZ
A great project by Adrian Egger where he raises awareness of the common misuse of modals.
Check it out![C457_colors](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C457_colors.jpg?x86293)
"Random" color harmonies
Beautiful demo by David A. where harmonious color palettes are generated.
Check it out![C457_css](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C457_css.jpg?x86293)
The Way We Talk About CSS
Rachel Andrew suggests redefining our understanding of CSS and recognize it as an elegant and powerful system.
Read it![C457_console](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C457_console.jpg?x86293)
How to stop using console.log() and start using your browser’s debugger
Parag Zaveri's step-by-step guide on how to efficiently debug using the browser's developer tools.
Read it![C457_designszs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C457_designszs.jpg?x86293)
Designing design systems
An article by Jerlyn Jareunpoon-Phillips on how to design and developing design systems for large teams.
Check it out![C457_nudge](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C457_nudge.jpg?x86293)
Micro nudge: a micro animation for behavioral change
Vivian Zhang breaks down the psychology of a "micro nudge", those small, well-timed animations that encourage users to perform an action.
Read it![C457_forgetica](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C457_forgetica.jpg?x86293)
Free Font: Sans Forgetica
A very interesting font that was designed using the principles of cognitive psychology to help remember study notes better.
Get it![C457_pattern](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C457_pattern.jpg?x86293)
SVG Cosmos Pattern
Some experimental animated SVG pattern by Agathe Cocco.
Check it out![C457_proto](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C457_proto.jpg?x86293)
A Beginner's Guide to JavaScript's Prototype
Learn about JavaScript's prototype in this guide by Tyler McGinnis.
Check it out![C457_dsl](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C457_dsl.jpg?x86293)
Headless Web Development
Paul Lewis is using the analogy of DSLR cameras to explain the main idea of headless web development.
Read it![C457_letters](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C457_letters.jpg?x86293)
Splash Letters Font
Aga Magdziak created these amazing splashed paint letters. Read how she did them in this article.
Get it![C457_trig](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C457_trig.jpg?x86293)
Trigonoparty!
Simple trigonometry visualization with JavaScript. Made by Rameş Aliyev.
Check it out![C457_browser](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C457_browser.jpg?x86293)
How browser rendering works?- behind the scenes
In this easy to follow guide, Ohans Emmanuel explains how browser rendering works.
Read it![C457_flexbox](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C457_flexbox.jpg?x86293)
Use Cases For Flexbox
Rachel Andrew shows some common use cases for Flexbox.
Read it![C457_horizontal](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C457_horizontal.jpg?x86293)
Creating Horizontal Scrolling Containers the Right Way [CSS Grid]
Dannie Vinther shows how to make proper horizontal scrolling containers using CSS Grid.
Read it![C457_imagemoving](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C457_imagemoving.jpg?x86293)
Moving Backgrounds With Mouse Position
Chris Coyier explores different methods of moving backgrounds according to the mouse position.
Read it![C457_ship](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C457_ship.jpg?x86293)
Shipstreams
A great list of folks who stream their coding sessions.
Check it out![C457_zet](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C457_zet.jpg?x86293)
Zet
Zet is an extension of ES6 Set for computing the union, intersection or difference of sets.
Check it out![C457_multiboxmenu](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C457_multiboxmenu.jpg?x86293)
Multibox Menu
A simple grid-powered multibox menu where the boxes get shown with a reveal animation coming from different directions.
Check it out