Collective #411
![C411_HelloSign](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C411_HelloSign.png?x86293)
HelloSign API: Everything IT requires and Developers love
HelloSign API's robust SDK, amazing support, detailed documentation, and super clean dashboard is sure to make your entire team happy. Try it free today!
Check it out![C411_webpack](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C411_webpack.jpg?x86293)
Webpack 4 configurator
Create a personalized and optimized webpack.config.js with this useful configurator.
Check it out![C411_grid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C411_grid.jpg?x86293)
cssgr.id
An interactive CSS grid boilerplate code generator made by Dan Netherton. Read more about it in this article.
Check it out![C411_critter](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C411_critter.jpg?x86293)
Login Critter
An animated avatar that responds to text field interactions.
Check it out![C411_MorphPlay](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C411_MorphPlay.jpg?x86293)
Morph Play Button To Video Player #GSAP #ExpoScaleEase
A fantastic morphing player button demo by Maciej Leszczyński.
Check it out![C411_unavatar](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C411_unavatar.jpg?x86293)
Unavatar
A micro service for getting a user avatar across multiple social services by providing a username, email or domain as input.
Check it out![C411_lifefaker](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C411_lifefaker.jpg?x86293)
Lifefaker
A brilliant satirical campaign that highlights how social media can affect your mental health. Read more about it in this article.
Check it out![C411_var](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C411_var.jpg?x86293)
CSS environment variables
Serg Hospodarets' tweet on how CSS environment variables are getting standardized.
Check it out![C411_figma](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C411_figma.jpg?x86293)
Introducing: Figma to React
Karl Jiang shows how Figma's web API can be used to convert designs into React code.
Read it![C411_figurine](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C411_figurine.jpg?x86293)
Figurine
Message printing with stylish, random fonts. By Arsham Shirvani.
Check it out![C411_font](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C411_font.jpg?x86293)
Free Font: Aloja
A beautiful handwritten font designed by Ieva Mezule.
Get it![C411_heartbeat](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C411_heartbeat.jpg?x86293)
Heartbeat Function
Matt DesLauriers shares a function that results into a 'beating heart' type of effect.
Check it out![C411_halftone](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C411_halftone.jpg?x86293)
Halftone video effect
Louis Hoebregts created this awesome demo with a halftone effect for video input.
Check it out![C411_sort](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C411_sort.jpg?x86293)
Ivy
A visualization of various sorting algorithms with "async" powered animations. By Aaron Bird.
Check it out![C411_control](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C411_control.jpg?x86293)
The Illusion of Control in Web Design
Aaron Gustafson on the fragility of websites and how we can't control everything.
Read it![C411_vscode](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C411_vscode.jpg?x86293)
VS Code Extensions for Happier JavaScript Coding
A summary of great Visual Studio Code extensions for higher productivity. By Alek Shnayder.
Check it out![C411_loadasset](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C411_loadasset.jpg?x86293)
load-asset
A simple Promise-based asset loader with cross browser support.
Check it out![C411_circripples](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C411_circripples.jpg?x86293)
Circular Ripples
A WebGL and Web Audio experiment with generative music using a Markov chain. Check out more experiments by Tim Pulver.
Check it out![C411_contents](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C411_contents.jpg?x86293)
More accessible markup with display: contents
Hidde de Vries writes about how we can achieve accessible markup and beautiful layout with display: contents
.
![C411_dom](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C411_dom.jpg?x86293)
A Reusable Way To Present Fresh DOM
Adam Argyle shares a reusable keyframe animation in CSS that transitions your node from whatever, to 'in'.
Check it out![C411_inspector](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C411_inspector.jpg?x86293)
Web Inspector Styles Sidebar Improvements
Read about the latest design refresh of the Web Inspector in Safari.
Read it![C411_particlesbutton](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/04/C411_particlesbutton.jpg?x86293)
Particle Effects for Buttons
A little library that can be used for bursting particles effects. The idea is to disintegrate an element into particles and make it disappear (or vice versa).
Check it out