Collective #354
![C354_dapulse](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_dapulse.jpg?x86293)
Project management tools are obsolete
Dapulse is the next generation of visual tools, built for designers and developers. See what everyone on your team is working on in a single glance.
Check it out![C354_learningmachine](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_learningmachine.jpg?x86293)
Teachable machine
A Google A.I. Experiment where you can teach a machine using your camera. View the GitHub repo here.
Check it out![C354_textanimations](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_textanimations.jpg?x86293)
Moving Letters
A fantastic collection of animated letters and typography effects by Tobias Ahlin.
Check it out![C354_modal](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_modal.jpg?x86293)
Micromodal.js
Micromodal.js is a lightweight, configurable and a11y-enabled modal JavaScript library.
Check it out![C354_webfont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_webfont.png?x86293)
Using Webfonts
An excerpt from Chapter 2 of Bram Stein's new book, "Webfont Handbook".
Read it![C354_cssonlugallery](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_cssonlugallery.jpg?x86293)
Full-Width Panel Expansion, CSS only
A CSS only expanding panel gallery demo by Shaw.
Check it out![C354_bubbly](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_bubbly.jpg?x86293)
Bubbly-bg
A tiny script for creating bubbly backgrounds.
Check it out![C354_neuralstyle](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_neuralstyle.jpg?x86293)
Fast Neural Style Transfer with Deeplearn.JS
A demo of a browser based "Fast Neural Style Transfer" algorithm using the deeplearn.js library.
Check it out![C354_LogoCrunch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_LogoCrunch.jpg?x86293)
Logo Crunch
Logo Crunch is a multi-resolution logo maker that uses computer vision to make your high-res logo legible at lower resolutions.
Check it out![C354_respimg](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_respimg.jpg?x86293)
Fundamentals of Responsive Images
Marc Drummond's guide on responsive images.
Read it![C354_collision](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_collision.jpg?x86293)
How to Code: Collision Detection Part II
Second part of a video series on making realistic looking collisions in JavaScript.
Watch it![C354_react](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_react.jpg?x86293)
The 100% correct way to structure a React app (or why there's no such thing)
David Gilbertson shares his insights and shows how he structures his React apps.
Read it![C354_sound](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_sound.jpg?x86293)
Microscope
A Web Audio and WebGL experiment by Tim Pulver using cables and tone.js.
Check it out![C354_animals](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_animals.jpg?x86293)
Savage Animals Vector Bundle (AI, PSD)
Tortugastudio designed these versatile animal vectors.
Get it![C354_sticky](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_sticky.jpg?x86293)
Sticky Sidebar
A JavaScript plugin for making sticky sidebars. Made by Ahmed Bouhuolia.
Check it out![C354_moocha](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_moocha.jpg?x86293)
Moocha
A search engine for online courses from edX, Coursera, Udacity and more. Made by Matt Evenson.
Check it out![C354_CSS4Sel](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_CSS4Sel.jpg?x86293)
Intriguing CSS Level 4 Selectors
Dennis Gaebel shows how powerful the new CSS selectors are.
Read it![C354_calcflow](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_calcflow.jpg?x86293)
Calcflow
An intuitive VR interface for mathematical visualizations.
Check it out![C354_Hyperpixel](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_Hyperpixel.jpg?x86293)
Hyperpixel
A great collection of well designed landing pages for your inspiration.
Check it out![C354_TR101](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_TR101.jpg?x86293)
TR-101
A synth drum machine by Ohad Ron.
Check it out![C354_python](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_python.jpg?x86293)
Learning Python: From Zero to Hero
Learn Python from scratch in this essential guide by Leandro T.k.
Read it![C354_Comic](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_Comic.jpg?x86293)
Comic book style layout with CSS Grid
A great demo that shows how to make a comic book like layout with CSS grid. By Ren Aysha.
Check it out![C354_Stripe](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_Stripe.jpg?x86293)
Stripe Elements
Stripe Elements are rich, pre-built UI components that help you create checkout flows across desktop and mobile.
Check it out![C354_stripes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C354_stripes.jpg?x86293)
Sliced Dual Image Layout
Some layouts with sliced background images, slideshow functionality and glitch effect.
Check it out