Collective #411
Publikováno: 30.4.2018
cssgr.id * Ivy * Lifefaker * VS Code Extensions * Unavatar * load-asset * Figurine * Heartbeat Function
Collective #411 was written by Pedro Botelho and published on Codrops.
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!
Webpack 4 configurator
Create a personalized and optimized webpack.config.js with this useful configurator.
cssgr.id
An interactive CSS grid boilerplate code generator made by Dan Netherton. Read more about it in this article.
Login Critter
An animated avatar that responds to text field interactions.
Morph Play Button To Video Player #GSAP #ExpoScaleEase
A fantastic morphing player button demo by Maciej Leszczyński.
Unavatar
A micro service for getting a user avatar across multiple social services by providing a username, email or domain as input.
Lifefaker
A brilliant satirical campaign that highlights how social media can affect your mental health. Read more about it in this article.
CSS environment variables
Serg Hospodarets’ tweet on how CSS environment variables are getting standardized.
Introducing: Figma to React
Karl Jiang shows how Figma’s web API can be used to convert designs into React code.
Figurine
Message printing with stylish, random fonts. By Arsham Shirvani.
Free Font: Aloja
A beautiful handwritten font designed by Ieva Mezule.
Heartbeat Function
Matt DesLauriers shares a function that results into a ‘beating heart’ type of effect.
Halftone video effect
Louis Hoebregts created this awesome demo with a halftone effect for video input.
Ivy
A visualization of various sorting algorithms with “async” powered animations. By Aaron Bird.
The Illusion of Control in Web Design
Aaron Gustafson on the fragility of websites and how we can’t control everything.
VS Code Extensions for Happier JavaScript Coding
A summary of great Visual Studio Code extensions for higher productivity. By Alek Shnayder.
load-asset
A simple Promise-based asset loader with cross browser support.
Circular Ripples
A WebGL and Web Audio experiment with generative music using a Markov chain. Check out more experiments by Tim Pulver.
More accessible markup with display: contents
Hidde de Vries writes about how we can achieve accessible markup and beautiful layout with display: contents.
A Reusable Way To Present Fresh DOM
Adam Argyle shares a reusable keyframe animation in CSS that transitions your node from whatever, to ‘in’.
Web Inspector Styles Sidebar Improvements
Read about the latest design refresh of the Web Inspector in Safari.
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).
Collective #411 was written by Pedro Botelho and published on Codrops.