Collective #357

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
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
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
Froala Design Blocks
A set of 170+ Bootstrap based design blocks ready to be used to create clean modern websites.
Check it out
Google is really good at design
Joshua Topolsky writes about how Google has finally figured out good design.
Read it
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
Animating a Blur
Read about how to use a smart work-around for animating a blur.
Read it
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
Setting up Webpack, Babel and React from scratch, revisited
An updated tutorial by Stanko on getting Webpack, Babel and React set up.
Read it
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
audio-visualizer-torus
The repo of an audio visualizer using cubic interpolation.
Check it out
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
6 myths of Progressive Web Apps
Peter O'Shaughnessy clarifies what's behind the concept of PWA's, and what's not.
Read it
Amoeba
A great demo by Varun Vachhar that lets you drag a little Amoeba.
Check it out
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
Sunboxlabs
A great platform for sharing DIY solar projects.
Check it out
Mini Tetris
A tiny JavaScript Tetris version with just 512b.
Check it out
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
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
The Independent Future of Creative Market
Aaron Epstein shares the great story of Creative Market and how it became independent again.
Read it
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
Free Font: Bahagia
A unique signature typeface designed by Locomotype.
Get it
UI Motion – Shipping Concept
Awesome UI animation by Nerdmanship.
Check it out
Liquid Distortion Effects
A slideshow with liquid distortion effects in WebGL powered by PixiJS and GSAP.
Check it out