Collective #550
Publikováno: 19.9.2019
Where to put buttons on forms * Generated Photos * Nullish coalescing * CopyPalette
Collective #550 was written by Pedro Botelho and published on Codrops.
![C550_WOTW](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C550_WOTW.jpg)
Inspirational Website of the Week: Déplacé Maison
A refreshing design with lots of character and perfect details. Our pick this week.
![C550_form](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C550_form.jpg)
Where to put buttons on forms
Button placement can make or break a form. Find out the best place to put them in this article by Adam Silver.
![C550_symbols](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C550_symbols.jpg)
Art of Symbols
Emotive Brand’s creative exploration on how ancient symbols inform contemporary brand design.
![C537_divi](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C537_divi.jpg)
The Ultimate WordPress Page Builder
You’ve never built a WordPress website like this before. Divi is more than just a WordPress theme, it’s a completely new website building platform that replaces the standard WordPress post editor with a vastly superior visual editor.
![C550_Copypalette](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C550_Copypalette.jpg)
CopyPalette
Create consistent monochromatic color palettes and export them to Figma or Sketch.
![C550_wave2](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C550_wave2.jpg)
wAve
A wonderful wavy letter demo by Adam Kuhn.
![C550_smcover](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C550_smcover.jpg)
My Design Process Of The Cover Design For Smashing Magazine Print Issue #1
In this article, Veerle Pieters, sheds some light into her design process of Smashing Magazine’s cover.
![C550_hooks](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C550_hooks.jpg)
Thinking in React Hooks
Amelia Wattenberger’s draft for a guide to the fundamental mindset change when switching from React class components to functional components + hooks.
![C550_faces](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C550_faces.jpg)
Generated Photos
100,000 AI-generated faces free to use in any project.
![C550_monocle](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C550_monocle.jpg)
Monocle
A wonderful magnifying list experiment by Hakim El Hattab.
![C550_andy](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C550_andy.jpg)
Keeping it simple with CSS that scales
A written version of Andy Bell’s talk he first delivered at “State of the Browser 2019”.
![C550_MichelleBarker](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C550_MichelleBarker.jpg)
Thoughts on the State of the Web
Michelle Barker reflects on “State of the Browser” conference and shares some thoughts on the current state of the web.
![C550_keyframes](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C550_keyframes.jpg)
Using Custom Properties to Wrangle Variations in Keyframe Animations
Read how Sandrina Pereira found a way to account for variations within a keyframe animation using custom properties.
![C550_darkmode](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C550_darkmode.jpg)
Dark Mode — Working with Color Systems
Søren Clausen writes how with the introduction of Dark Modes, colors now also need to be put into systems.
![C550_fish](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C550_fish.jpg)
Upside down
A hypnotizing demo made by K-T.
![C550_raindrop](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C550_raindrop.jpg)
Raindrop
A rain effect that realistically interacts with elements on a page. By Neal Agarwal.
![C550_v8](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C550_v8.jpg)
Nullish coalescing
Learn about the nullish coalescing proposal that adds a new short-circuiting operator meant to handle default values in JavaScript.
![C550_letteranim](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C550_letteranim.jpg)
Typing Animation.. with Puns!
A fun typing animation made by Dave Quah.
![C550_testwindows](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C550_testwindows.jpg)
Testing Accessibility on Windows with VirtualBox
The Accessibility DIY Kit for VirtualBox lets you test the accessibility of your website on Windows when working on a Mac.
![C550_Krishna](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C550_Krishna.jpg)
Free Font: Krisha
A bold and beautiful display typeface by Daler Mukhiddinov.
![C550_3dcolorcustomizer](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/09/C550_3dcolorcustomizer.jpg)
How to Build a Color Customizer App for a 3D Model with Three.js
Learn how to create a complete color customizer app for a 3d model of a chair using Three.js in this in-depth tutorial.
Collective #550 was written by Pedro Botelho and published on Codrops.