Collective #357
![C357_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_WOTW.jpg?x86293)
Inspirational Website of the Week: A friend of mine
Innovative details and some awesome organic shape morphs make this site our pick this week.
Get inspired![C357_Jamf](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_Jamf.jpg?x86293)
There IS a better way to manage Apple devices...
Jamf Now is a mobile device management solution for iPad, iPhone and Mac devices at work. We make managing Apple devices simple and affordable; no IT required.
Check it out![C357_War](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_War.jpg?x86293)
Let There Be Peace on CSS
Cristiano Rastelli's written version of a talk on a war that is dividing the CSS community.
Read it![C357_Froala](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_Froala.jpg?x86293)
Froala Design Blocks
A set of 170+ Bootstrap based design blocks ready to be used to create clean modern websites.
Check it out![C357_GoogleDesign](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_GoogleDesign.jpg?x86293)
Google is really good at design
Joshua Topolsky writes about how Google has finally figured out good design.
Read it![C357_Slack](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_Slack.jpg?x86293)
Rebuilding slack.com
Mina Markham writes about the Slack.com redesign that is powered by CSS Grid and optimized for performance and accessibility.
Read it![C357_AnimatingBlur](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_AnimatingBlur.jpg?x86293)
Animating a Blur
Read about how to use a smart work-around for animating a blur.
Read it![C357_Coloring](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_Coloring.jpg?x86293)
Colorizing B&W Photos with Neural Networks
Emil Wallner reproduces and documents the fascinating deep learning bot by Amir Avni that colors black and white photos.
Read it![C357_React](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_React.jpg?x86293)
Setting up Webpack, Babel and React from scratch, revisited
An updated tutorial by Stanko on getting Webpack, Babel and React set up.
Read it![C357_Sight](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_Sight.jpg?x86293)
React Sight
React Sight is a live view of the component hierarchy tree of your React application with support for React Router and Redux.
Check it out![C357_Visualizer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_Visualizer.jpg?x86293)
audio-visualizer-torus
The repo of an audio visualizer using cubic interpolation.
Check it out![C357_Slider](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_Slider.jpg?x86293)
You can get pretty far in making a slider with just HTML and CSS
Chris Coyier shows how to make a nice looking functional slider with HTML and CSS alone.
Check it out![C357_10](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_10.jpg?x86293)
6 myths of Progressive Web Apps
Peter O'Shaughnessy clarifies what's behind the concept of PWA's, and what's not.
Read it![C357_Ameoba](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_Ameoba.jpg?x86293)
Amoeba
A great demo by Varun Vachhar that lets you drag a little Amoeba.
Check it out![C357_Floating](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_Floating.jpg?x86293)
How to create floating Sketch plugins, part I
Marc Bouchenoire shows how to create a Sketch plugin with a floating panel and make its WebView communicate with Sketch.
Read it![C357_Solar](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_Solar.jpg?x86293)
Sunboxlabs
A great platform for sharing DIY solar projects.
Check it out![C357_Tetris](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_Tetris.jpg?x86293)
Mini Tetris
A tiny JavaScript Tetris version with just 512b.
Check it out![C357_Python](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_Python.jpg?x86293)
How I used Python to find interesting people to follow on Medium
Read how Radu Raicea created a Python script for Medium that returns a list of users that are active and post interesting responses on the latest posts of people you are following.
Read it![C357_CollTextEditor](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_CollTextEditor.jpg?x86293)
A simple approach to building a real-time collaborative text editor
Rudi Chen's in-depth introduction to the main ideas behind building the real-time collaborative text editor, The Alchemy Book.
Read it![C357_CreativeMarket](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_CreativeMarket.jpg?x86293)
The Independent Future of Creative Market
Aaron Epstein shares the great story of Creative Market and how it became independent again.
Read it![C357_PhantomJS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_PhantomJS.jpg?x86293)
Scaling PhantomJS: Taking Thousands of Full Page Screenshots Every Day
Tony Schumacher shows how to use PhantomJS at scale to make multiple website screenshots.
Read it![C357_Font](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_Font.jpg?x86293)
Free Font: Bahagia
A unique signature typeface designed by Locomotype.
Get it![C357_ShipAnimation](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_ShipAnimation.jpg?x86293)
UI Motion – Shipping Concept
Awesome UI animation by Nerdmanship.
Check it out![C357_Distortion](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/10/C357_Distortion.jpg?x86293)
Liquid Distortion Effects
A slideshow with liquid distortion effects in WebGL powered by PixiJS and GSAP.
Check it out