Collective #437
![C437_monday](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_monday.jpg?x86293)
Task Management has never been easier
monday.com is a powerful tool for project and team management, communications and collaboratio,.we keep it all in one place.
Try it free![C437_style](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_style.jpg?x86293)
StyleURL
StyleURL generates links which load your CSS changes into existing web pages automatically, so that you can share and visualize CSS tweaks.
Check it out![C437_circlepacking](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_circlepacking.jpg?x86293)
Circle Packing
Learn how to create an amazing looking circle packing effect in this tutorial by Tim Holman.
Read it![C437_api](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_api.jpg?x86293)
Logging Activity With The Web Beacon API
A tutorial by Drew McLellan on how to use the Beacon API to log information from a web page back to a server.
Read it![C437_vscode](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_vscode.jpg?x86293)
VSCodeThemes
A great place where you can preview themes from the VSCode marketplace. By Jordan Schroter. Read more about it in this article.
Check it out![C437_refresh](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_refresh.jpg?x86293)
Refresh
A concept for a modern web browser based on iOS Safari.
Check it out![C437_scale](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_scale.jpg?x86293)
Scale
A very handy tool for generating a color scale.
Check it out![C437_objects](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_objects.jpg?x86293)
Understanding JavaScript Objects
Ben Rozenberg explains JavaScript objects in this easy to follow article.
Read it![C437_tools](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_tools.jpg?x86293)
canvas-sketch
A loose collection of tools, modules and resources for creating generative art in JavaScript and the browser.
Check it out![C437_boxdemo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_boxdemo.jpg?x86293)
Lazy Box
A great box animation demo made by Chris Gannon.
Check it out![C437_doubleclick](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_doubleclick.jpg?x86293)
CSS-only double-click
Martijn Cuppens shows how to mimic the double-click behavior in CSS.
Check it out![C437_shape](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_shape.jpg?x86293)
The frustrations of using CSS Shapes and CSS Exclusions
Ben Frain shares his current feelings of woe with CSS Shapes and CSS Exclusions.
Read it![C437_src](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_src.jpg?x86293)
Responsive Images: If you're just changing resolutions, use srcset.
Chris Coyier explains how using the srcset
attribute is best for switching between different versions of the same image.
![C437_charts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_charts.jpg?x86293)
ApexCharts
A modern JavaScript charting library to build interactive charts and visualizations with a simple API.
Check it out![C437_deck](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_deck.jpg?x86293)
mdx-deck
Markdown and JSX based presentation decks. By Brent Jackson.
Check it out![C437_explore](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_explore.jpg?x86293)
Explorable Explanations
A hub for learning through play. By artists, coders and educators who want to reunite play and learning.
Check it out![C437_lokka](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_lokka.jpg?x86293)
Free Font: Lokka
A beautiful geometric display font made by Gatis Vilaks.
Get it![C437_gif](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_gif.jpg?x86293)
Brush Ninja
With this fun tool you can draw animated GIFs easily. Check out some examples.
Check it out![C437_vuereact](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_vuereact.jpg?x86293)
I created the exact same app in React and Vue. Here are the differences.
An interesting article by Sunil Sandhu where he compares React and Vue.
Read it![C437_font](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_font.jpg?x86293)
Free Font: Borsok
Dastan Miraj designed this playful display typeface.
Check it out![C437_flexboxmargin](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_flexboxmargin.jpg?x86293)
The peculiar magic of flexbox and auto margins
In this article Robin Rendle explains how auto margins and flexbox interact with one another.
Read it![C437_ml](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_ml.jpg?x86293)
Machine Learning Guides
Simple step-by-step walkthroughs to solve common machine learning problems using best practices.
Check it out![C437_slideshow](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/07/C437_slideshow.jpg?x86293)
Motion Reveal Slideshow
A simple image slideshow with a motion reveal effect when navigating between slides and a fullscreen details view.
Check it out